express Express 개발 환경 구성하기 (feat. Typescript) 개발을 경험해본 사람은 모르면 간첩일 정도로 매우 유명하고 전 세계적으로 Node.js 개발을 할 때 가장 많이 사용하는 서버 프레임워크인 Express 개발 환경 구성에 대해서 간략하게 소개하고자 한다. Express 란 Node.js를 이용해서 서버를 개발 할 때 경량화되고 유연한 개발을 할 수 있도록 도움을 주는 웹 애플리케이션 프레임워크이다. 그리고나서 package.json 파일을 ... typescriptJavaScriptserverexpressframeworkJavaScript multer로 S3 업로드 일단 S3 버킷을 만들어야 한다. 버킷은 오브젝트 스토리지의 유일한 값으로 파일들이 그곳에 담기게 된다. 사진과 같이 버킷만들기를 통해서 만들 수 있다. 퍼블릭으로 하면 익명에 사용자가 이 버킷에 올라온 파일(객체)들의 경로만 알면 파일에 접근이 가능하다. 엑세스 차단은 버킷에 따라 그리고 객체에 따라 제한이 가능하다. 버킷정책은 를 참고해서 적용하면 된다. 아마존의 다양한 기능에 접근하기 ... S3expressmulterS3 채팅 앱 만들기 - socket(3) socket.io socket.io에서 세션에 접근할 때 추가적인 코드 작성이 필요. socket.io도 미들웨어를 사용할 수 있으므로 express-session을 공유함으로써 세션에 접근이 가능. join, disconnect 이벤트가 발생할 대 서버에서 클라이언트로 보내는 시스템 메시지를 추가하였다. 방 접속자가 0명일 때 방을 삭제하는 코드 또한 추가하였다.... node.jsexpressexpress [개발지식] express middleWare - app.use 기본적으로 middleWare는 처리과정 중간에서 간섭을 하여, 데이터나 요청 결과를 같이 공유하는 개념의 기능이다. express는 url 요청(엔드포인트)에 대한 결과를 보내주는 promise의 일종이다. express를 위와 같이 사용하면, localhost:3000/(※루트 디렉토리) 이런 식의 url 요청이 오면 'INDEX'라는 문자열을 화면에 표시해주는 방식이다. app.use를... express middleWareapp.use개발지식expressapp.use Amazon_Clone - 2. Product Product Model 위에는 Product Model Schema 입니다. 상품들 불러오기 클라이언트가 /api/products/ 으로 GET 호출하면 실행되는 라우터입니다. DB에서 Product에 올라가있는 모든 Product들을 불러와 products에 할당 후 반환합니다. 특정상품 불러오기 클라이언트가 /api/products/:id 으로 GET 호출하면 실행되는 라우터입니다. u... expressback endJavaScriptNoderoutermongodbJavaScript TIL 211126 | 에러 처리 (동기, 비동기) 서버는 적게는 수십, 많게는 수천 수만명의 사람들이 동시에 이용하는 것이기 때문에 적절한 에러처리를 하지 못했을 경우에는 많은 사람들이 서버를 이용하지 못하는 심각한 상황이 발생 할 수 있다. 클라이언트가 요청한 request를 제대로 처리하지 못한 경우, 적절한 에러메세지를 보내주어 클라이언트에게 에러에 대한 메세지를 전달 할 것. 동기적인 경우 에러 처리 동기적이란 호출된 코드가 완전히 ... BackendserverexpressTILBackend TIL 36 | Server & Express 내가 네이버 웹툰 서버 개발자라고 하면, '어떤 사람이 이 주소로 접속하면 네이버 웹툰 메인 html 파일 전송해드리세요' 하는 코드를 짜는 것이다. HTTP 요청 방식은 읽기(GET), 쓰기(POST), 수정(PUT), 삭제(DELETE)의 네가지가 있다. 해석은 브라우저가 담당하며, 각 브라우저마다 자바스크립트 해석 엔진이 있다. 크롬의 V8 해석엔진의 성능이 뛰어났고, 크롬에서 V8 엔... serverexpressTILTIL Express, DB 연결 (TypeORM) - TIL #4 여러가지 방법을 소개하고 있습니다 여기서 제일 처음 나오면서도 검색하면 많이 나오는 내용이 ormconfig.[format] 형식의 파일을 root폴더에 두고 과 같이 json형식에 맞게 key, value를 넣어주면 됩니다 .env 파일에 key를 적절히 설정하여 연결할 수도 있습니다 ormconfig.env을 사용할 때도 같은 방식으로 설정하면 됩니다 해당하는 key 이름으로 설정할 수 ... expresstypescriptORMORM [Nodejs] Nodejs와 Express 런타임(Runtime)이라는 개념은 쉽게 말하면 프로그래밍 언어가 구동되는 환경이라고 할 수 있다. 즉 기존에는 인터넷 브라우저를 통해서 JavaScript를 구동하였던 것과 달리, Nodejs를 통해 JavaScript 프로그램을 실행할 수 있는 것이다. Nodejs는 Non-Blocking I/O 모델과 이벤트 기반을 구현하고 있다. Non-Blocking I/O란 입출력을 비동기로 처리... nodejsexpressexpress [Express] nodemon 패키지 & npm start 그동안 코드를 수정하면 서버를 재실행하여 결과를 확인해야 했다. 이는 개발하는 과정에 있어서 이러한 과정은 매우 번거롭다. 코드는 한 번만 수정하는게 아니니까... 코드를 수정하면 자동으로 프로그램이 재실행 되도록 도와주는 것이 nodemon 패키지이다. nodemon 패키지 설치 터미널에 npm install nodemon --save-dev 명령을 입력하여 nodemon 패키지를 설치한다... expressexpress [Express] POST Request 위의 예제에서 app 객체의 get 메소드를 살펴보자. get 메소드로 설정한 Route Handler들은 적혀있는 Path로 리퀘스트가 온다고 해서 항상 실행되는 것이 아니다. 한가지 조건이 더있는데 그것은 바로 리퀘스팅 메소드가 get이어야 한다는 것이다. 리퀘스트 종류 GET 리퀘스트 : 서버의 리소스 조회 POST 리퀘스트 : 리소스를 새롭게 추가 PUT 리퀘스트 : 기존 리소스를 수... expressexpress [Express] PUT Request 지금까지 와 를 처리하는 코드를 작성해보았다. 이제 기존의 정보를 수정하는 PUT 리퀘스트에 대해 공부해보자. 리퀘스트 종류 GET 리퀘스트 : 서버의 리소스 조회 POST 리퀘스트 : 리소스를 새롭게 추가 PUT 리퀘스트 : 기존 리소스를 수정 DELETE 리퀘스트 : 기존 리소스를 삭제 터미널에 npm run dev 명령어를 입력하여 nodemon으로 서버를 실행한다. 전체 직원 정보를 ... expressexpress
Express 개발 환경 구성하기 (feat. Typescript) 개발을 경험해본 사람은 모르면 간첩일 정도로 매우 유명하고 전 세계적으로 Node.js 개발을 할 때 가장 많이 사용하는 서버 프레임워크인 Express 개발 환경 구성에 대해서 간략하게 소개하고자 한다. Express 란 Node.js를 이용해서 서버를 개발 할 때 경량화되고 유연한 개발을 할 수 있도록 도움을 주는 웹 애플리케이션 프레임워크이다. 그리고나서 package.json 파일을 ... typescriptJavaScriptserverexpressframeworkJavaScript multer로 S3 업로드 일단 S3 버킷을 만들어야 한다. 버킷은 오브젝트 스토리지의 유일한 값으로 파일들이 그곳에 담기게 된다. 사진과 같이 버킷만들기를 통해서 만들 수 있다. 퍼블릭으로 하면 익명에 사용자가 이 버킷에 올라온 파일(객체)들의 경로만 알면 파일에 접근이 가능하다. 엑세스 차단은 버킷에 따라 그리고 객체에 따라 제한이 가능하다. 버킷정책은 를 참고해서 적용하면 된다. 아마존의 다양한 기능에 접근하기 ... S3expressmulterS3 채팅 앱 만들기 - socket(3) socket.io socket.io에서 세션에 접근할 때 추가적인 코드 작성이 필요. socket.io도 미들웨어를 사용할 수 있으므로 express-session을 공유함으로써 세션에 접근이 가능. join, disconnect 이벤트가 발생할 대 서버에서 클라이언트로 보내는 시스템 메시지를 추가하였다. 방 접속자가 0명일 때 방을 삭제하는 코드 또한 추가하였다.... node.jsexpressexpress [개발지식] express middleWare - app.use 기본적으로 middleWare는 처리과정 중간에서 간섭을 하여, 데이터나 요청 결과를 같이 공유하는 개념의 기능이다. express는 url 요청(엔드포인트)에 대한 결과를 보내주는 promise의 일종이다. express를 위와 같이 사용하면, localhost:3000/(※루트 디렉토리) 이런 식의 url 요청이 오면 'INDEX'라는 문자열을 화면에 표시해주는 방식이다. app.use를... express middleWareapp.use개발지식expressapp.use Amazon_Clone - 2. Product Product Model 위에는 Product Model Schema 입니다. 상품들 불러오기 클라이언트가 /api/products/ 으로 GET 호출하면 실행되는 라우터입니다. DB에서 Product에 올라가있는 모든 Product들을 불러와 products에 할당 후 반환합니다. 특정상품 불러오기 클라이언트가 /api/products/:id 으로 GET 호출하면 실행되는 라우터입니다. u... expressback endJavaScriptNoderoutermongodbJavaScript TIL 211126 | 에러 처리 (동기, 비동기) 서버는 적게는 수십, 많게는 수천 수만명의 사람들이 동시에 이용하는 것이기 때문에 적절한 에러처리를 하지 못했을 경우에는 많은 사람들이 서버를 이용하지 못하는 심각한 상황이 발생 할 수 있다. 클라이언트가 요청한 request를 제대로 처리하지 못한 경우, 적절한 에러메세지를 보내주어 클라이언트에게 에러에 대한 메세지를 전달 할 것. 동기적인 경우 에러 처리 동기적이란 호출된 코드가 완전히 ... BackendserverexpressTILBackend TIL 36 | Server & Express 내가 네이버 웹툰 서버 개발자라고 하면, '어떤 사람이 이 주소로 접속하면 네이버 웹툰 메인 html 파일 전송해드리세요' 하는 코드를 짜는 것이다. HTTP 요청 방식은 읽기(GET), 쓰기(POST), 수정(PUT), 삭제(DELETE)의 네가지가 있다. 해석은 브라우저가 담당하며, 각 브라우저마다 자바스크립트 해석 엔진이 있다. 크롬의 V8 해석엔진의 성능이 뛰어났고, 크롬에서 V8 엔... serverexpressTILTIL Express, DB 연결 (TypeORM) - TIL #4 여러가지 방법을 소개하고 있습니다 여기서 제일 처음 나오면서도 검색하면 많이 나오는 내용이 ormconfig.[format] 형식의 파일을 root폴더에 두고 과 같이 json형식에 맞게 key, value를 넣어주면 됩니다 .env 파일에 key를 적절히 설정하여 연결할 수도 있습니다 ormconfig.env을 사용할 때도 같은 방식으로 설정하면 됩니다 해당하는 key 이름으로 설정할 수 ... expresstypescriptORMORM [Nodejs] Nodejs와 Express 런타임(Runtime)이라는 개념은 쉽게 말하면 프로그래밍 언어가 구동되는 환경이라고 할 수 있다. 즉 기존에는 인터넷 브라우저를 통해서 JavaScript를 구동하였던 것과 달리, Nodejs를 통해 JavaScript 프로그램을 실행할 수 있는 것이다. Nodejs는 Non-Blocking I/O 모델과 이벤트 기반을 구현하고 있다. Non-Blocking I/O란 입출력을 비동기로 처리... nodejsexpressexpress [Express] nodemon 패키지 & npm start 그동안 코드를 수정하면 서버를 재실행하여 결과를 확인해야 했다. 이는 개발하는 과정에 있어서 이러한 과정은 매우 번거롭다. 코드는 한 번만 수정하는게 아니니까... 코드를 수정하면 자동으로 프로그램이 재실행 되도록 도와주는 것이 nodemon 패키지이다. nodemon 패키지 설치 터미널에 npm install nodemon --save-dev 명령을 입력하여 nodemon 패키지를 설치한다... expressexpress [Express] POST Request 위의 예제에서 app 객체의 get 메소드를 살펴보자. get 메소드로 설정한 Route Handler들은 적혀있는 Path로 리퀘스트가 온다고 해서 항상 실행되는 것이 아니다. 한가지 조건이 더있는데 그것은 바로 리퀘스팅 메소드가 get이어야 한다는 것이다. 리퀘스트 종류 GET 리퀘스트 : 서버의 리소스 조회 POST 리퀘스트 : 리소스를 새롭게 추가 PUT 리퀘스트 : 기존 리소스를 수... expressexpress [Express] PUT Request 지금까지 와 를 처리하는 코드를 작성해보았다. 이제 기존의 정보를 수정하는 PUT 리퀘스트에 대해 공부해보자. 리퀘스트 종류 GET 리퀘스트 : 서버의 리소스 조회 POST 리퀘스트 : 리소스를 새롭게 추가 PUT 리퀘스트 : 기존 리소스를 수정 DELETE 리퀘스트 : 기존 리소스를 삭제 터미널에 npm run dev 명령어를 입력하여 nodemon으로 서버를 실행한다. 전체 직원 정보를 ... expressexpress