"엄준일"과 함께하는 소프트웨어를 위한 플랫폼 이야기

ASP.NET Core 2.1 또는 그 이상의 버전에서 dotnet new reactredux 템플릿에서 TypeScript 를 지원하지 않는다. 오직 Javascript 템플릿만 지원한다. 본 내용에서는 React+Javascript 를 React+TypeScript+Javascript 를 지원하는 환경으로 구성하는 방법을 알아본다.1. 프로젝트 생성하기다음의 명령을 입력하여 ASP.NET Core 의 React+Redux 프로젝트를 생성한다.dotnet new reactredux -o aspnetcore-react-redux프로젝트 생성이 성공하였다면 cd aspnetcore-react-redux 디렉토리로 이동한다.2. package.json 파일 업데이트ClientApp 디렉토리는 React+Re..

ASP.NET Core Middleware ASP.NET Core Middleware 는 모든 요청과 응답을 처리하는 파이프라인이다. 레거시 ASP.NET 과 ASP.NET MVC 에서는 이를 IHttpModule과 IHttpHandler를 통해 구현하여 처리하거나, Global.asax.cs 에서 처리 가능하다.IHttpModule 이 주로 사용되는 경우는 권한 처리 등과 같이 다양하게 사용된다. 모든 요청은 이 IHttpModule을 파이프라인을 통과하게 되고, 응답을 제어할 수 있기 때문이다.이 파이프라인이 오늘에 와서 ASP.NET Core Middleware 에서 그 역할을 대신하게 된다. - 레거시에서 파이프라인 최초 레거시 ASP.NET 은 ‘ASP.NET 파이프라인’은 최초 요청부터 마지막..

IControllerFactory IControllerFactory 는 컨트롤러 객체를 반환하거나 객체 릴리즈 시키는 팩토리 인터페이스이다. ASP.NET MVC 4 까지 지원하지 않았던 DI(Dependency Injection) 기능을 사용하기 위해 이 인터페이스를 구현하여 사용하였다. ASP.NET Core 에서는 객체 주입(Injection) 할 때 한 가지 큰 단점이 있다. 생성자 주입(Constructor Injection) 으로만 DI(Dependency Injection) 기능을 사용할 수 있다. 이 아티클에서는 프로퍼티 인젝션(Property Injection) 이 가능한 Unity Application Block 을 사용하기 위해 IControllerFactory 를 마이그레이션 하는 ..

오류 유형은 아래의 웹서버 로그와 같이 “세션ID 가 생성 되었지만, Response 가 Flushed 되어 저장할 수 없다”.Session state has created a session id, but cannot save it because the response was already flushed이 현상은 다음의 경우의 수를 모두 만족할 경우 발생하게 된다.웹서버(IIS) 가 리사이클링 되고,웹서버에게 첫 요청이 가고,코드에서 Session 속성을 사용하기 전이고,서버 코드에서 Response 를 Flush 하고,웹브라우저가 아닌, 네트워크 라이브러리를 통해 호출을 하고,Global.asax.cs 의 Session_Start 이벤트가 발생할 때 분석을 해보면 (MSDN 에서 ASP.NET Appl..

개요 ASP.NET WebForm 에서 Dependency Injection 을 사용하는 방법을 소개한다. IoC Container 를 이용하여 System.Web.UI.Page 를 상속하는 페이지에서 Injection 을 해야 하는데, 이를 위해 IHttpHandlerFactory 를 사용하는 방법을 소개한다.여기에서는 필자가 꾸준히 만들어 온 Unity Container와 Windsor Castle 을 기반으로 하는 Umc.Core 프레임워크를 사용한다.Umc.Core 프레임워크에는 Unity Auto Registration 기능등이 모두 포함하기 때문에 프로젝트 셋업에 편리하다는 장점도 있다.샘플 프로젝트는 필자의 github 에서 다운로드 받을 수 있다. https://github.com/powe..

세션 저장소 커스터마이징 지금까지 살펴본 바 세션 정보를 memcached를 이용하여 세션 정보를 성능과 관리, 그리고 확장가능성 측면에서 만족할 만한 솔루션이다. 여기에서 좀 더 나아가 쿠키 등을 이용하여 서브 도메인(Sub Domain)의 웹 응용 프로그램에 인증을 하거나 브라우저를 닫고 새로운 브라우저로 재접속 한 경우 기존 세션을 유지할 수 있도록 기능을 개선할 수 도 있다. 과거에는 SSO(Single-Sign-On)을 구현하기 위해 쿠키로 서브 도메인을 인증하는 경우 domain 에 의해 쿠키가 공유가 가능하다는 점을 이용하여 구현하기도 했다. 물론, SSO 솔루션들이 많이 있었지만, 수천 수만명의 사용자가 관리 대상이 아니라면 굳이 비싼 SSO 솔루션을 쓸 필요는 없었다. 세션 저장 방법 커..

필자는 일전에 이와 관련되어 상당한 분량의 포스팅을 올린 적이 있다. 총 5회의 아티클 중 마지막 회를 모두 작성하지는 못했지만, 지금 이 내용이 그 마지막 회의 내용과 어느 정도의 내용과 유사하다고 보면 된다. .NET/ASP.NET - 실전 ASP.NET Session 1 - 쿠키를 이용한 상태관리와 위험성 .NET/ASP.NET - 실전 ASP.NET Session 2 - 상태관리의 종류 .NET/ASP.NET - 실전 ASP.NET Session 3 - 다양한 세션 관리 방법 .NET/ASP.NET - 실전 ASP.NET Session 4 - 세션상태 마이그레이션 그 중, 4회 아티클 ‘[실전 ASP.NET Session [4] - 세션상태 마이그레이션]5’의 내용은 본 아티클의 내용에서 매우 중..

오늘 Microsoft 의 Scottgu's Blog 를 통해 WebMatrix & Razor 기술이 소개되었습니다. 우선 간단하게 용어를 정리해봅시다. WebMatrix 경량화한 웹 개발 도구 Razor ASP.NET 의 뷰(View) 엔진 즉, WebMatrix&Razor 는 빠르게 웹 개발 환경을 구성하고 Razor 의 뷰(View) 엔진을 이용하여 신속하게 웹 페이지를 개발하고자 합니다. 웹 환경/웹 개발/데이터베이스/웹 개발 도구 등 WebMatrix&Razor 에 모두 포함이 되어 있습니다. 아마도 처음 웹 개발에 접하시는 분들이 처음 갖는 고민은..? 웹 환경 구성/웹 프로토콜 및 통신의 이해/호스팅 등 복잡했던 초기 작업을 매우 효과적이고 간소화하여 신속하게 작업을 진행할 수 있는 장점이 ..

YouTube 로 보기 Daum 의 TV 팟으로 보기

이 포스트도 예전에 3월 달에 써놓기만 해놨다가 이제서야 Publishing 하게 되었습니다. 워낙 구석 구석 써놓고 관리를 하지 않다 보니 뭐가 어디에 있는지 모르겠네요 ㅡㅡㅋ; 웹 테스트 중 Favicon 다운로드로 인한 문제 Visual Studio 의 웹 테스트 또는 Fiddler 등을 이용하여 테스트 중에 Internet Explorer 7 에서 문제가 발생하였습니다. 크리티컬한 문제는 아니었습니다만, 테스트 중에 불필요한 Favicon 다운로드가 너무 빈번하게 발생하였습니다. 이런 문제는 실제 테스트에서 오류로 작용하지는 않지만, 성능 관련 테스트나 시나리오가 있는 테스트에서는 의도하지 않는 결과가 나올 수 있기 때문에 올바른 테스트라고 보기가 어렵습니다. 웹 테스트로 Favicon 의 빈번한..

[.NET/ASP.NET] - ASP.NET 서버 모델의 성능에 대한 고찰 [1] [.NET/ASP.NET] - ASP.NET 서버 모델의 성능에 대한 고찰 [2] 서버와 클라이언트는 어떤 과정이 반복되나요? ASP.NET 의 서버 모델은 아래의 그럼처럼 반복적인 추가 작업을 하게 됩니다. [그림6] 서버 모델 프로세스 HTML Form 모델은 여러 개의 Form 의 구간을 두어 단지 필요한 데이터만 서버로 전송합니다. 아래 그림처럼 말이죠. [그림7] HTML Form 모델 프로세스 이러한 뷰 스테이트(ViewState) 는 HTTP 파일 업로드가 되듯이 POST 로 서버로 업로드 됩니다. 즉 이 뷰 스테이트(ViewState) 양이 커지게 되면 web.config 에서 요청 데이터 사이즈의 크기를 조..

[.NET/ASP.NET] - ASP.NET 서버 모델의 성능에 대한 고찰 [1] [.NET/ASP.NET] - ASP.NET 서버 모델의 성능에 대한 고찰 [2] 들어가기 앞서… ASP.NET 을 책을 통해 입문하게 되면, 처음 접하게 되는 것이 바로 서버 컨트롤 입니다. 그리고 MSDN 에서도 서버 컨트롤을 남용하면 웹 사이트의 성능을 저하시킬 수 있다고 말합니다. 이러한 서버 컨트롤을 사용하여 개발하는 방법을 ASP.NET 의 서버 모델이라고 합니다. ASP.NET 의 서버 모델은 웹 개발에 있어서 정말 편리하고 복잡한 처리를 단순화 시킵니다. 우리가 ASP.NET 을 처음 입문하면 포스트백(Postback) 이라는 용어를 듣습니다. 왜 기존의 서밋(Submit) 이라는 용어를 쓰지 않고, 독자적인..

Microsoft Chart Controls 가 릴리즈 되었습니다. .NET Framework 3.5 SP1 에서 동작하며 Windows Forms 과 ASP.NET 과 AJAX 를 지원합니다. [그림1] Windows Forms 에서 Chart Controls 을 사용한 화면 아래의 ASP.NET Samples 링크에 가보시면 Web Forms 과 Windows Forms 에서 사용하기 위한 샘플을 다운로드 받으실 수 있습니다. 상용 차트 컴포넌트와 비교할 대상은 아니지만, 개인적으로 사용하기에 큰 지장은 없어 보입니다. Microsoft Chart Controls Downloads Microsoft Chart Controls for Microsoft .NET Framework 3.5 Microsoft..

외부 라이브러리에서 Javascript 인텔리센스 활성화 하기 Visual Studio 에서 추가된 기능입니다. 기존에 html(aspx) 페이지에서 블록을 통해 Javascript 인텔리센스 기능이 제공이 되었지만, 여전히 문제였던 것은 Javascript 파일을 작성할 때, 외부 Javascript Function 의 인텔리센스 기능이 제공이 되지 않았습니다. 하지만, Visual Studio 2008 을 설치하시면 외부 Javascript Function 을 인텔리센스 기능으로 사용하실 수 있습니다. 크게 설명 드릴것도 없이 아래의 스크린샷 처럼 주석을 통해 외부 Javascript Function 의 인텔리센스를 사용하기 위해 Import 할 수 있습니다. [그림1] Jscript1.js 에 Fu..

ASP.NET 용 Virtual Earth Server Controls 가 “Windows Live Tools for Microsoft Visual Studio” 라는 이름으로 Release 되었습니다. 기존에 Virtual Earth 를 사용하기 위해 많은 상당히 많은 Javascript 작업을 노가다(?)를 하였으나, 이제는 그럴 필요가 없어 졌네요. 간략하게 주요 기능을 살펴보자면,, l ToolBox l Drag & Drop l Server Sides Event l Adding Shapes 더 갖다 붙이자면 많지만, Server Control 로 포팅되면서 Server Control 이 갖는 모든 기능을 갖추었다고 보시면 됩니다. 설치를 하고, 웹 프로젝트를 만들면, 제일 먼저 ToolBox 에 ..

지난번 아티클의 HttpCompression 소스 코드를 공개합니다. 아직 개선의 여지는 있지만, 필요하신 분들이 많으신 줄 압니다. 코드를 수정하셔서 사용하셔도 무방하나, 상업적 용도나 재배포가 불가능 하오니, 이점 숙지하시기 바랍니다. 실제 적용하기 위해서 Umc.Core.Configuration 어셈블리가 필요하지만 조금 수정하시면 자신의 사이트에 맞게 수정하시면 Umc.Core.Configuration 어셈블리는 필요하지 않습니다. 이 부분에 대해선 문의를 받지 않습니다. 현재는 매뉴얼이 제공되지 않습니다. ([.NET/ASP.NET] - 실전 HTTP Compression 2 - 리소스 압축을 통해 웹 사이트에 진정한 날개를..) 의 하단의 설정파일(web.config) 참조하세요.

[.NET/ASP.NET] - 실전 HTTP Compression 1 - HTTP 압축의 위험과 해결 방안 [.NET/ASP.NET] - 실전 HTTP Compression 2 - 리소스 압축을 통해 웹 사이트에 진정한 날개를.. 3. 문제 해결 이전 아티클에서 살펴보았듯이, ASP.NET 에서 보다 효과적인 HTTP Compression 을 위해 WebResource 와 ScriptResource 의 압축의 필요성을 알아보았습니다. 그럼 하나하나 해결의 실마리를 풀어 보도록 하겠습니다. 3.1 WebResource 압축 WebResource 는 포함 리소스로 지정된 파일과 WebResourceAttribute 을 통해 리소스의 콘텐츠를 사용할 수 있습니다. 첫번째, 일반적으로 압축 되지 않은 콘텐츠이기..

[.NET/ASP.NET] - 실전 HTTP Compression 1 - HTTP 압축의 위험과 해결 방안 [.NET/ASP.NET] - 실전 HTTP Compression 2 - 리소스 압축을 통해 웹 사이트에 진정한 날개를.. 1. 서론 HTTP Compression 은 웹사이트의 응답 성능을 향상 시키는데 많은 일조를 합니다. 압축 정도와 데이터의 타입에 따라 압축율은 다르지만, 최소 30% 이상의 체감 속도의 향상을 가져온다고 합니다. 제가 운영하고 있는 [Umc Projects/Umc Blog] - [UmcBlog] 블로그 소스 다운로드 의 메인화면의 HTML 만해도 101,430 Bytes 지만, GZip 압축을 적용한 결과 15,450 Bytes 로 7배 정도로 작아진 트래픽이 발생합니다. ..

[.NET/ASP.NET] - 실전 ASP.NET Session [1] - 쿠키를 이용한 상태관리와 위험성 [.NET/ASP.NET] - 실전 ASP.NET Session [2] - 상태관리의 종류 [.NET/ASP.NET] - 실전 ASP.NET Session [3] - 다양한 세션 관리 방법 [.NET/ASP.NET] - 실전 ASP.NET Session [4] - 세션상태 마이그레이션 제목에는 세션상태 마이그레이션 이라고 했지만, 보다 구체적으로 언급하면 세션 공급자를 구현하는 단원입니다. 이전에 보았던 아래의 그림과 같이 ASP.NET 이 제공하는 몇 가지의 세션상태 저장소가 있지만, 상황에 따라서 사용할 수 없는 경우도 생길 수 가 있습니다. .NET Framework 는 3가지의 세션 공급자를..

[.NET/ASP.NET] - 실전 ASP.NET Session [1] - 쿠키를 이용한 상태관리와 위험성 [.NET/ASP.NET] - 실전 ASP.NET Session [2] - 상태관리의 종류 [.NET/ASP.NET] - 실전 ASP.NET Session [3] - 다양한 세션 관리 방법 [.NET/ASP.NET] - 실전 ASP.NET Session [4] - 세션상태 마이그레이션 ASP.NET 은 다양한 세션 관리 방법을 제공하여 줍니다. 서버의 자원은 제한적이기 때문에 In-of-process 방식이 아닌, Out-of-process 의 세션 관리 방법이 필요하다고 이전 시간에 말한바 있습니다. 이런 이유 이외에도, Worker Process 에 의해 세션이 관리된다면 프로세서가 어떤 오류로..

[.NET/ASP.NET] - 실전 ASP.NET Session [1] - 쿠키를 이용한 상태관리와 위험성 [.NET/ASP.NET] - 실전 ASP.NET Session [2] - 상태관리의 종류 [.NET/ASP.NET] - 실전 ASP.NET Session [3] - 다양한 세션 관리 방법 [.NET/ASP.NET] - 실전 ASP.NET Session [4] - 세션상태 마이그레이션 이 단원은 ASP.NET 의 어느 책을 보아도 나오는 반드시 나오는 챕터이죠. 그만큼 기본적이고 중요한 부분입니다. 왜냐하면 웹이라는 것은 기본적으로 아무런 상태를 저장할 수 없기 때문입니다. 하지만, ASP.NET 을 이용하면 다양한 방법을 통해 상태를 쉽게 할 수 있고, 쉽게 간과할 수 있는 부분을 다시 한번 되새..

[.NET/ASP.NET] - 실전 ASP.NET Session [1] - 쿠키를 이용한 상태관리와 위험성 [.NET/ASP.NET] - 실전 ASP.NET Session [2] - 상태관리의 종류 [.NET/ASP.NET] - 실전 ASP.NET Session [3] - 다양한 세션 관리 방법 [.NET/ASP.NET] - 실전 ASP.NET Session [4] - 세션상태 마이그레이션 프로그램의 코드를 짜면서 쉽게 간과할 수 있는 상태관리 오류 등을 범하기도 합니다. 때론, 적절한 상태 저장소를 잘못 선택하여 잘못된 코드와 결과를 보는 경우도 있습니다. 이번 아티클은 그런 오류를 범하지 않고, 적절한 상태관리를 할 수 있도록 방법을 제시해 줄 예정입니다. 또한, 3회 포스팅 부터는 그저 별 것 아닌..

[.NET/ASP.NET] - Custom Config 에 Intellisence 날개를 달자 [.NET/Visual Studio] - Custom Extension 에 Intellisence 날개를 달자 Custom Config 에 Intellisence 날개를 달자 Configuration 란? 우리가 웹폼이든 윈폼이든 프로젝트를 생성하면, web.config / app.config 와 같은 Configuration 파일이 생깁니다. 이런 .config 확장자가 붙는 파일을 "구성 파일" 이라고 부릅니다. 어플케이션이 구동될때 이 구성파일에 어플케이션이 동작하기 위한 환경 변수를 사용하게 되고, 환경 변수의 값이 변하게 되더라도 재컴파일 없이 환경 변수의 값을 변경할 수 있는 장점이 있습니다. 때문에..

RewritePath 와 포스트백(Postback)의 문제 RewirtePath 를 사용하여, 웹의 요청을 가로채서 경로를 재작성하여 사용할 수 있습니다. 언뜻 보기에, 굉장히 놀라운 기능인 것은 분명하지만, 이것은 ASP.NET 에서 사용하기에 결정적인 문제가 있습니다. 그 원인은 다음과 같습니다. 다음과 같이 HttpModule 에서 웹 요청을 가로채어 RewritePath 로 경로 재작성한 샘플입니다. (확장자만 제거해 보았습니다) HTML 코드는 과 같이 로 되어 있습니다. 여기에서 이 form 이 서버 태그로써 HTML 로 랜더링 될 때 강제적으로 다음과 같이 form 태그가 랜더됩니다. 그렇기 때문에, Button이나 LinkButton 등의 서버컨트롤을 사용하게 되면 포스트백이 발생되고, f..

ASPX 확장자 바꾸기 ASP.NET 을 하다 보면, 죄다 사이트의 URL 확장자가 .ASPX 인 것을 알 수 있습니다. 그래서 이 .ASPX 확장명을 변경할 수 있도록 다음의 포스팅을 통해서 확장명을 바꾸는 방법도 알아본 적이 있습니다. [.NET/ASP.NET] - 너 ASPX 웹폼 확장자를 바꿔봤니? 난 해봤~어! 제목부터 정말 유치 찬란하네요 ^^ 위의 포스팅의 핵심은 IIS 의 ISAPI 와 .NET Framework 의 HttpHandler, 그리고 Build Provider 입니다. 그런데, 이렇게 확장명을 바꾸게 되면 문제가 생기게 됩니다. 바로, 위와 같이 .umcx 확장명의 웹 페이지는 태그의 컬러가 모두 시커멓게 변하고, 자동완성 기능도 사용할 수 없다는 겁니다. 개발자는 바로 비명을..

UmcBlog 는 이전에 웹사이트 프로젝트(Website Project)로 만들어졌다. 하지만, 대대적인 공사(?)를 통해 웹 어플케이션 프로젝트(Web Application Project)로 변경하면서 지난번에 언급했던 몇가지 문제점이 해결되었다. 두가지 문제점은 다음과 같았다. l 웹 페이지의 인스턴스를 생성할 수 없기 때문에 재사용성이 떨어진다 (가능하지만 번거롭다 ) l 두 개 프로젝트가 웹사이트에 참조될 경우 형상 관리(Source Safer) 에서 바인딩이 깨진다. 이 두 가지 문제는 실제 프로젝트를 진행하게 된다면 굉장히 심각한 문제가 될 수 있다. VS2005 로 CS 기반의 프로젝트를 대부분 진행했던 터라 실제 프로젝트에서 어떠한 문제가 있는지는 체험해 보지 못했지만, 팀 프로젝트에 있어..

http://umc.pe.kr/article_79.aspx 아티클을 통해 FTP 로 파일을 업로드/다운로드 방법을 설명한 바 있다. FTP 의 인증 과정을 거쳐 특정 폴더의 파일에 접근 할 수 있다. CredentialCache 그렇다면 우리는 CredentialCache 라는 클래스를 눈여겨 볼 수 있다. 이 클래스를 한마디로 표현하자면 “여러 자격 증명을 저장하기 위한 저공소”이다. CredentialCache 클래스의 GetCredential 메서드를 이용하여 URI 와 인증형식등을 지정하면, 가장 유사한 자격증명을 제공받을 수 있다. CredentialCache cCache = new CredentialCache(); cCache.Add(new Uri("ftp://umc.pe.kr/www/a.tx..

Delegate 로 게시판을 만든다? 처음 우리가 웹을 접하면서 많은 부분을 할애하며 배우는 것이 게시판이다. “뭐 게시판 쯤이야” 라고 할지라도, 처음 계층형 게시판 만들기를 연습하면서 가장 머리가 뽀개질 것 같던 시간이었다. ^^; 게시판 만들기를 수없이 연습해 보았다면, 이젠 게시판을 어떤 구조로 만들 것인가가 중요할 것이다. 하지만, 여기에선 게시판을 통채로 만들진 않을 것이다. 이런 방법도 있다는 것도 알아두면 좋을 듯 하다. 위 구조는 대략 다음과 같은 다이어그램을 나타낸다. 소스를 보면 알겠지만, 데이터를 읽은 모든 과정은 델리게이트에게 위임하였다. 위와 같이 구성함으로써, DataAccess 부분으로 집중하게 될 데이터를 가져오게 될 부분을 각각 페이지로 분산시켰고, 이로써 해당 페이지에서..

기본적으로 웹폼을 생성하면 확장자는 ASPX 가 됩니다. 이와 달리 JSP 나 ASP 로 개발된 웹페이지는 여러확장자를 쓸 수 있지요. 가령 .html, .do, 등등.. 하지만 닷넷의 웹폼에선 확장자를 바꾸면 페이지가 동작하지 않습니다. 악의적인 목적으로 게시판이나 자료실 등 ASP 등으로 작성된 페이지를 업로드 하여, 다운로드 경로로 접근하여 페이지를 실행시킬 경우, 보안에 상당히 취약한 부분도 있었습니다. 하지만 언제나 .ASPX 확장자는 이제 식상할 때가 되지 않았습니까! 그럼 어디한번 바꾸어 봅시다. 우선 원하는 확장자를 IIS 에서 확장자 매핑 시키고 web.config 의 httpHandlers 에 등록해 보겠습니다. 여기에선 .umcx 라는 확장자를 사용하기로 합니다. 그다음은 web.co..

요즘은 시간이 많아서 그런지 자주 강좌를 올리네요 ㅋㅋ 이번에는 웹사이트의 핵심인 Core(코어) 모듈을 구성해 보는 시간을 가져봅니다. 잘 구성된 모듈은 안정된 시스템 그리고 코딩의 작업 속도와 바로 직결됩니다. 모듈의 구성 방법은 개발자마다, 그리고 시스템 마다 각이 각색이겠지만, 오늘 구성해 볼 모듈은 대부분의 웹사이트에서 적용할 수 있는 코어 구성 첫 번째 시간을 갖도록 합니다. 본 강의는 객체지향적인 문법을 공부하거나 소화한 분을 대상으로 합니다. 우리가 구성할 코어는 XML 로 구성된 사이트 맵이 필요합니다. 블로그 관리자 기본 설정 관리 블로그 기본 정보 Umc Umc1 프로필 기본정보 관리 프라이버시 관리 프라이버시 관리 게시판 관리자 자유게시판 1 /WebAdmin/02Bbs/ListTe..