본문 바로가기

분류 전체보기

[패스트캠퍼스 챌린지 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.. 더보기
[패스트캠퍼스 챌린지 25일차] Express - Middleware 패스트캠퍼스 작심 30일 챌린지 25일차. 오늘은 Express의 미들웨어 개념에 대해 학습하였다. 미들웨어하면 일반적인 컴퓨터보다 조금 더 큰 컴퓨터를 생각했는데, Express에서의 미들웨어는 다른 개념이다. Express가 실행되면 사용자가 서버로 접근하면서 request를 전달하는데, 이때 request가 응답으로 반환되기 전까지 데이터 처리를 위해 거치는 모든 함수 하나 하나를 미들웨어라고 한다. 단 request가 거치는 함수들 사이의 연관성이 없으면 미들웨어는 의미가 없다. 그러므로 함수끼리 데이터를 전달하며 데이터를 처리하게 되는데 이처럼 앞의 미들웨어가 처리한 데이터를 뒤의 미들웨어로 전달하여 서로 연관된 기능을 하는 함수들을 미들웨어라고 한다. 그럼 이전 Express 개념에서 작성한 .. 더보기
[패스트캠퍼스 챌린지 24일차] Express - 소개 패스트캠퍼스 작심 30일 챌린지 24일차. 오늘은 Javascript의 기본 개념을 끝낸 후 Nodejs에서 많이 사용하는 Express에 대해 간단히 학습하였다. Express는 Nodejs의 가장 대표적인 웹 프레임워크로 이전에 배웠던 HTTP 패키지와 거의 비슷하게 서버를 구현하여 동작시킬 수 있다. 조금 더 자세히 알아보면, HTTP 요청을 처리하는 핸들러를 만들 수 있고, 요청에 대한 응답을 만들기 위해 View 렌더링 엔진과 결합할 수 있다. (developer.mozilla.org의 내용을 참고하였다.) 그럼 Nodejs에서 Express를 사용하려면? 당연히 Express 패키지를 설치해야한다. $ npm install express --save 위에 명령어를 통해 express를 설치하면.. 더보기
[패스트캠퍼스 챌린지 23일차] NodeJS - 백엔드 Part 1 마무리 패스트캠퍼스 작심 30일 챌린지 23일차. 오늘은 백엔드 Part 1 마무리 강의, 리팩토링 프로젝트 강의를 수강하였다. 이번 강의에서는 API를 통해 '왕좌의 게임 가문의 캐릭터에서 긍정적인 가문과 부정적인 가문을 조회'하는 기능을 리팩토링하였다. 먼저 여기서 사용한 API는 두 가지가 있다. 하나는 말그대로 '왕좌의 게임' 데이터를 가져오는 Game of thrones Quotes API. 그리고 다른 하나는 문잘 별로 긍정적인지 부정적인지를 분석해주는 Sentim-API. 이 두가지를 통해 구현된 소스코드를 '백엔드 Part 1' 강의에서 배운 내용을 바탕으로 리팩토링을 진행하였다. 오늘은 일부 기능에 대해서만 Clone Coding을 진행하고 강의를 수강만 했기 때문에 학습 내용에 대한 요약은 간.. 더보기
[패스트캠퍼스 챌린지 22일차] NodeJS - Stream(2) 패스트캠퍼스 작심 30일 챌린지 22일차. 21일차에 이어 오늘도 Stream에 대해 학습하였다. 오늘의 주제는 두가지! 첫번째, Stream을 통한 파일 읽기와 Buffer를 통한 파일 읽기의 퍼포먼스 차이 확인. 두번째, Stream 사용시/구현시 주의점. 먼저 첫번째 주제부터 알아보자. 21일차 강의를 통해 file.txt라는 용량이 큰 파일을 만들었을 것이다. 이 파일을 읽기 위해 아래처럼 소스코드를 작성하였다. (간략한 예시코드를 보여주기 위해 소스코드 일부는 제거하였다.) const rs = fs.createReadStream('./file.txt', { encoding: 'utf-8'}) rs.on('data', (data) => { for (let i = 0; i < data.length;.. 더보기
[패스트캠퍼스 챌린지 21일차] NodeJS - Stream 패스트캠퍼스 작심 30일 챌린지 21일차. 원래 오늘은 Nodejs에서 제공하는 Standard Library에 대해 작성하려 했지만, Stream이 더 중요할 것 같아서 Stream에 대해 학습하였다. 강의를 통해서 Stream이 무엇인지, 종류가 어떻게 되는지, 그리고 실습을 통해 Stream을 어떻게 사용하는지 간략하게 배운 내용을 정리해보자. 먼저 Stream의 개요. Stream은 Nodejs에서 가장 중요한 Datatype 중 하나로, 스트리밍이 가능한 리소스를 Handler에게 전송하는 기능이며 Data는 여러 개의 조각(Chunk)으로 분할하여 전송된다. Stream은 용량이 큰 데이터를 처리하거나 비동기적으로만 얻을 수 있는 데이터를 처리할 때 유용한데, 대용량 파일을 압축하거나 읽고 쓸.. 더보기
[패스트캠퍼스 챌린지 20일차] NodeJS 핵심개념- 내장객체 패스트캠퍼스 작심 30일 챌린지 20일차. 오늘은 Nodejs의 데이터 구조에 대한 내용을 학습하려했지만, 아쉽게도 영상에 문제가 있어 다음에 따로 들어야겠다. 대신 오늘 학습한 내용은 Nodejs에서 지원하는 내장객체! 물론 이 중에는 Javascript에서 지원하는 내장객체도 있다. 강의 시간 상 모든 객체를 다 알려주지는 않지만, 강사님 나름대로 필요한 객체들을 선정해서 알려주었다. (더 많은 객체들에 대해 알고싶으면 nodejs의 공식 문서를 참고하길 바란다.) 먼저 알아볼 객체는 __dirname과 __filename. 객체 이름을 통해 바로 알 수 있듯이 directory name과 file name을 알려주는 객체이다. main.js를 하나 생성한 후 console.log를 통해 __dirn.. 더보기

티스토리툴바