Study/WEB35 [Node.js] MiddleWare 작동 과정 Middleware란 Request와 Response의 중간에 위치하며 여러 가지 행위(Request 및 Response 조작, Request Drop)를 할 수 있습니다. Node.js에서는 여러 가지 방법이 있을 수 있지만, app.use를 이용한 기본적인 방법에 대하여 포스팅 하도록 하겠습니다. 예제 환경 구성하기 1. 저는 NestJS(Node.js 기반)를 이용하여 예제 환경을 구성하였는데요. 아래의 명령어를 통하여 설치 가능합니다. $ npm i -g @nestjs/cli $ nest new project-name 2. 소스 코드 수정 후 아래의 명령어를 이용하여 애플리케이션을 실행할 수 있습니다. $ npm run start Middleware (미들웨어) Node.js에서 Middlewar.. 2022. 12. 6. TypeScript 문법 정리 화살표 함수 여러 번 사용 Typescript Code var a = (b:string) => (c:string) => { return b+"-"+c+"-"+"789"; } var b = a("123"); var c = b("456") console.log(c) Javascript Code var a = function (b) { return function (c) { return b + "-" + c + "-" + "789"; }; }; var b = a("123"); var c = b("456"); console.log(c); 실행 결과 > 123-456-789 코드 설명 함수(인자) 안에 함수(인자)를 담아서 사용할 수 있으며, 사용 시점에 맞춰 인자를 설정할 수 있는 장점이 있는 것 같습니다. 또.. 2022. 10. 14. AngularJS 시작하기 - HTTP 통신을 통한 Data 전달받기 (3/3) 안녕하세요. 저번 포스팅에 이어 이번에는 Http Request를 이용하여 Data를 전달 받고 해당 데이터를 출력하는 방법에 대해서 설명드리겠습니다. AngularJS 시작하기 - 웹 서버 개발 기초 (2/3) 오늘은 저번 포스팅에 이어 AngularJs + Node를 이용하여 웹 서버를 개발하는 기초 of 기초를 진행하도록 하겠습니다. AngularJS 시작하기 - 환경 구성 (1/3) 지난 포스팅에서 AngularJS에 대한 간략한 설명 hacksms.tistory.com 먼저 Data를 전달할 Server를 Python을 이용하여 구축하였는데, CORS만 허용한 매우 간단한 코드 입니다. main.py from http.server import HTTPServer, SimpleHTTPRequest.. 2022. 10. 10. AngularJS 시작하기 - 웹 서버 개발 기초 (2/3) 오늘은 저번 포스팅에 이어 AngularJs + Node를 이용하여 웹 서버를 개발하는 기초 of 기초를 진행하도록 하겠습니다. AngularJS 시작하기 - 환경 구성 (1/3) 지난 포스팅에서 AngularJS에 대한 간략한 설명을 드렸는데요. 해당 포스팅이 궁금하신 분들은 아래의 링크를 참고해주세요. AngularJS에 대하여 알아보자 SPA(Single Page Application) AngularJS는 SPA(Single P.. hacksms.tistory.com 먼저 아래의 명령어를 통하여 새로운 Component를 생성해주세요. 참고로 Component는 View를 생성 및 관리하는 역할을 합니다. $ cd .\src\app\ $ ng g component second $ ng g compo.. 2022. 10. 10. AngularJS 시작하기 - 환경 구성 (1/3) 지난 포스팅에서 AngularJS에 대한 간략한 설명을 드렸는데요. 해당 포스팅이 궁금하신 분들은 아래의 링크를 참고해주세요. AngularJS에 대하여 알아보자 SPA(Single Page Application) AngularJS는 SPA(Single Page Application) Framework 입니다. Single Page Applicaiton(SPA, 스파)는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로.. hacksms.tistory.com AngularJS 환경 구성하기 먼저 저는 현재 TypeScript를 위한 환경 구성이 완료된 상황입니다. 관련 내용은 아래의 포스팅을 참고해주세요. TypeScript 시작하기 - 환경 구성 (1/3) 지난 포스팅에서 Typ.. 2022. 10. 9. AngularJS에 대하여 알아보자 SPA(Single Page Application) AngularJS는 SPA(Single Page Application) Framework 입니다. Single Page Applicaiton(SPA, 스파)는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 재사용함으로써 사용자와 소통하는 WEB Applicaiton을 의미합니다. SPA 사용 이전까지는 페이지 요청 시 Server에서 HTML을 생성 및 Rendering하여 Client로 전송하면 Client는 그 결과를 화면에 보여지도록 처리만 했습니다. 그러나 웹 사이트가 고도화됨에 따라 한 페이지에 해당하는 용량이 커져갔고, 매번 새로운 페이지를 전달하는 게 버거워졌습니다. 이를 해결하기 위해 나온 것이 SPA인데요. S.. 2022. 10. 9. Docker를 이용한 Redis 환경 구축하기 Docker 관련 포스팅 링크 Docker 명령어 정리 Mac에서 도커 설치 $ brew install --cask docker Docker Hub에서 이미지 가져오기 docker pull [docker images] 이미지 목록 확인하기 # 일반 명령어 docker images docker image ls # 이미지 id만 보기 docker i.. hacksms.tistory.com docker Image 설치 $ docker pull redis:alpine docker 실행 $ docker run --name my-redis -p 6379:6379 -v redisFolder:/data -d redis:alpine redis-server Host에서 Redis 접속 $ redis-cli -h local.. 2022. 10. 6. TypeScript 시작하기 - 환경 구성 지난 포스팅에서 TypeScript에 대한 간략한 설명을 드렸는데요. 해당 포스팅이 궁금하신 분들은 아래의 링크를 참고해주세요. TypeScript에 대하여 알아보자 TypeScript가 필요해진 이유 초기 javascript의 경우 Web 환경이 이렇게 커질 것이라고 생각을 하지 못했기 때문에 짧은 형태의 간단한 코드들로 이뤄질 것이라고 생각하여 단순한 형태의 간단한 Scripti hacksms.tistory.com TypeScript 환경 구성하기 먼저 더 편하고 쉽게 코드를 입력하기 위해 Visaul Sutdio Code를 설치합니다. Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined a.. 2022. 10. 3. TypeScript에 대하여 알아보자 TypeScript가 필요해진 이유 초기 javascript의 경우 Web 환경이 이렇게 커질 것이라고 생각을 하지 못했기 때문에 짧은 형태의 간단한 코드들로 이뤄질 것이라고 생각하여 단순한 형태의 간단한 Scripting Language를 만들려고 했습니다. 그렇기 때문에 언어의 복잡도를 최소화하고 Running Curve(습득 난이도)를 낮추기 위해 당시에 가장 유행 중이던 C++과 java의 문법을 빌려오는 방향으로 구성이 되었습니다. 이로 인해 Java 계열의 문법을 차용하면서도 type을 제거하고 class와 같은 복잡성을 야기할 수 있는 부분들도 제거하여 간결한 문법을 가지면서 Type 없이 객체지향도 함수형 프로그래밍도 할 수 있는 Prototype의 객체 기반 함수형 동적 타입 스크립트의 .. 2022. 10. 3. 이전 1 2 3 4 다음
