Node.js 썸네일형 리스트형 Node.js 설치하기 1. 브라우저에서 nodejs download 검색 2. 검색된 정보 중 가장 상위에 있는 다운로드 | Node.js 선택 3. LTS 탭 선택 - LTS(Long Term Support) : 장기적으로 지원되는 버전이며, 버그 및 오류에 대한 패치 버전을 지원 - 2023년 01월 19일 기준 LTS 버전은 18.13.0 - 현재 버전 : 가장 최신 버전의 Node.js를 다운받을 수 있지만 가장 안정적인 LTS 버전을 다운로드 받기 4. 현재 사용중인 PC의 운영체제에 맞게 설치 파일 다운로드 5. 다운로드 된 파일을 실행하여 Node.js 설치하기 6. Node.js를 설치하기 위해 Next 버튼 클릭 7. Node.js의 라이선스에 대한 동의 체크박스 선택 8. Node.js를 설치하기 위해 Ne.. 더보기 Node.js란? Node.js란? Node.js는 Chrome(구글의 브라우저)에 도입된 V8 엔진을 기반으로 만들어진 Javascript Runtime 환경이에요. Node.js의 공식 홈페이지를 기반으로 Node.js에 대해 소개를 하자면 1. 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계가 되어 있어요. - Node.js에서 I/O를 직접 수행하는 함수는 거의 없어요. - 그렇기 때문에 프로세스는 결과가 오기 전까지 블로킹되지 않아요. - Non-blocking 방식이 때문에 확장성 있는 시스템을 개발할 수 있어요. 2. Node.js는 라이브러리가 아닌 런타임 생성자로 이벤트 루프를 제공해줘요. - 보통 스크립트 시작 부분에서 콜백을 통해 동작을 정의해요. - 그리고 마지막에 블로킹을 호출해 서버를 실.. 더보기 패스트캠퍼스 챌린지 최종 후기 패스트캠퍼스 작심 30일 챌린지를 마치며... 처음에는 NodeJS를 배우기 위해 어떻게 해야할까 고민을 많이 하였다. 그러던 중 인터넷 강의를 하나 찾아서 들으면 어떨까 하는 생각이 머릿속을 스쳐갔다. 그래서 이곳 저곳의 강의를 찾던 중 FastCampus의 NodeJS 강의를 발견하게 되었다. 물론 다른 여러 사이트들의 강의들을 찾아보며 어느 강의를 수강할지 고민하였다. 그 강의들 중 실무경험을 중심으로 NodeJS에 가르치면서 공부의지가 조금 부족한 나에게 강제로 공부할 수 있게(?) 도와주는 이벤트를 FastCampus에서 진행하고 있어 바로 수강신청 하였다. 이 작심 30일 챌린지라는 이벤트를 통해 매일 조금씩이나마 공부를 하며 앞으로 어떻게 공부를 할지 고민하는 계기가 되었다. (물론 다른 일.. 더보기 [패스트캠퍼스 챌린지 30일차] Express - 사용자 이미지 업로드 패스트캠퍼스 작심 30일 챌린지 30일차. 드디어 패스트캠퍼스 작심 30일 챌린지의 마지막날이다. 마지막 날인만큼 학습 내용에 대해 간략히 작성하고 챌린지를 통해 느낀점을 작성해야지! 오늘 학습한 내용은 그동안 Express로 사용자 정보를 조회하고 입력하는 API 기능을 수정하여, 사용자의 이미지를 업로드하는 기능을 배웠다. 먼저 업로드를 하기 위해 pug 파일에 Form을 추가한다. form(action=`/user/${userId}/profile` method="post" enctype="multipart/form-data") input(type="file" name="profile") button UploadProfile Picture 코드에서 보는것과 같이 /user/사용자ID/profile이라.. 더보기 [패스트캠퍼스 챌린지 29일차] Express - Jest를 통한 API 테스트 패스트캠퍼스 작심 30일 챌린지 29일차. 오늘은 그동안 작성했던 API 코드를 테스트하는 방법에 대해 학습하였다. Java에서 Junit을 이용하여 테스트하는 것처럼 Nodejs에서는 Javascript에서 제공하는 jest와 super test 패키지를이용해 테스트 코드를 작성하였다. 코드를 작성하기 전에 jest는 Jabascript Testing Framework로 여러 시나리오의 테스트를 도와주는 Tool이고, Super Test는 Express App에 대해 Test를 도와주는 도구라는 점을 알고 있자. 코드를 작성하기 위해 먼저 npm을 통해 다음 네가지 패키지를 다운로드 받자. jest @types/jest supertest @types/supertest jest와 supertest를 사용.. 더보기 [패스트캠퍼스 챌린지 28일차] Express - Pug Template 패스트캠퍼스 작심 30일 챌린지 28일차. 어느덧 28일차 강의를 듣고 있다. 오늘은 지난 시간에 RestAPI와 Middleware, Router 개념을 이용해 작성한 Page에 CSS를 추가하고 존재하지 않는 User를 조회할 때 Error Message를 Handling하는 것에 대해 학습하였다. 그럼 먼저 CSS 적용부터! CSS는 '스태틱 파일 서빙'이라는 개념을 이용하여 적용하게 되는데 HTML의 CSS를 작성하고 적용해본 사람이라면 쉽게 이해할 수 있을 것이다. 그럼 아래 JS파일, CSS파일과 PUG 파일을 살펴보자 [index.css] body { background-color: green; } .blue { color: blue; } .orange { color: orange; } .b.. 더보기 [패스트캠퍼스 챌린지 27일차] Express - Pug Template 패스트캠퍼스 작심 30일 챌린지 27일차. 지난 시간에 Express를 통해 Rest API를 간단히 구현해봤다. 보통 실무에서 Rest API를 통해 특정 Data를 JSON 형태로 전달받는 경우가 많다. (물론 내 경험을 기준으로...) 이전까지 구현한 Rest API는 모두 JSON 형태로 전달받도록 구현하였다. 오늘은 JSON이 아닌 웹 페이지가 출력되도록 수정하였다. Web Page를 구현하기 위한 가장 간단한 방법은 HTML 파일을 직접 만들어서 화면에 전달하면 된다. 하지만 이번 강의에서는 Pug라는 Template Engine을 활용해서 화면을 구현하였다. Pug에 대해 알아보기 전에 Template Engine이란 Template 언어로 작성된 코드를 HTML로 변환해주는 역할을 하는 것.. 더보기 [패스트캠퍼스 챌린지 26일차] Express - Rest API 라우팅 패스트캠퍼스 작심 30일 챌린지 26일차. 25일차 강의를 통해 미들웨어의 개념을 어느정도 알았을 것이다. 오늘은 25일차 소스코드를 개선하여 Rest API를 작성하고 Express에서 지원하는 라우터의 기능에 대해 학습하였다. 라우터에 대해 알아보기 전에 아래 소스코드에서 '/'는 URL Path인 것을 지난 시간에 배웠다. app.use('/', (req, res, next) => { ... }) 이 Path에 대해 Express는 다양한 Express Path Pattern을 지원하고 있다. Path Pattern에 대해 간략히 알아보자. - /ab?cd : acd 또는 abcd로 접속 가능 - /ab+cd : abcd, abbcd, abbbcd, abbbbbbbbbbcd 접속 가능 - /ab*c.. 더보기 이전 1 2 3 4 5 다음
