IT 공부

1. Postman 소개 2. Postman 설치방법 3. Postman 사용예시 1. Postman 소개 Postman은 개발한 API를 테스트하고, 테스트 결과를 공유하여 API 개발의 생산성을 높여주는 플랫폼이다. GUI로 되어 있어서 사용하기가 편리하고, 팀원들 간의 공유 기능이 있다. 팀 프로젝트를 진행할 때 정보를 보내줄 클라이언트(프론트엔드)가 아직 개발되지 않았다면 포스트맨이라는 프로그램으로 값을 넣어보며 테스트 할 수 있다. 2. Postman 설치방법 Postman 설치를 위해 아래의 주소로 접속한다. https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for free! Join 17..

1. 요청 시 Body 데이터타입이 string인 경우 2. 요청 시 Body 데이터타입이 JSON인 경우 웹에서 POST로 요청할 때에는 데이터를 Body에 담아서 보낸다. 이때 Body에 담기는 데이터의 데이터타입에 따라 Node.js에서 작성해주는 body-parser 내용에 차이가 있다. 1. 요청 시 Body 데이터타입이 string인 경우 요청(Request) 시 Body에 string 값이 담기는 경우에는 아래와 같이 Node.js에 써주면 된다. $ app.use(express.urlencoded({extended:true})); 이때 요청 헤더에는 'content-type': 'application/x-www-form-urlencoded' 라고 나타난다. 2. 요청 시 Body 데이터타입..

1. Git 설치 1.1. Windows 환경에서 Git 설치 1.2. Linux 환경에서 Git 설치 2. GitHub 회원 가입 및 repository 생성 3. GitHub에 코드 push & pull 4. GitHub Collaboration 5. Git Branch 6. Git 되돌리기 reset & revert 7. Git Graph 8. Git 명령어 정리 1. Git 설치 깃(git)은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템(DVCS)이다. 소프트웨어 개발에서 소스 코드 관리에 주로 사용되지만 어떠한 집합의 파일의 변경사항을 지속적으로 추적하기 위해 사용될 수 있다. 빠른 수행 속도에 중점을 두고 있는 것이 특징..

1. Router (라우터) 2. Middleware (미들웨어) 1. Router (라우터) Node.js에서 express 라이브러리를 사용할 때 필수적으로 알고 있어야 하는 개념 중에 라우터와 미들웨어가 있다. Node.js를 접하기 전, 라우터는 OSI 7계층 중 네트워크 계층(제3레이어)의 장비로서 컴퓨터 네트워크 간에 데이터 패킷을 전송하는 네트워크 장비로서의 뜻만 알고 있었다. Node.js에서 쓰이는 라우터라는 용어는 물리적인 어떤 장치나 장비를 뜻하지는 않지만, 본질적인 의미는 동일하다. 라우터는 클라이언트의 요청(Request) 경로를 보고 해당 요청 정보를 처리할 수 있는 곳으로 기능을 전달해주는 역할을 한다. 즉, 클라이언트의 요청 경로에 따라서 그것을 담당하는 함수로 분리시킨다. ..

1. HTTP 특성 2. Cookie (쿠키) 3. Session (세션) 4. Cache (캐시) 1. HTTP 특성 쿠키와 세션이 무엇이고, 어떻게 사용하는 것인지를 설명하기 전에 먼저 왜 사용하게 되었는가에 대해 알아보고자 한다. 쿠키와 세션은 HTTP의 특징이자 약점을 보완하기 위해서 사용된다. HTTP는 다음과 같은 두 가지 특징이 있다. 1.1. Connectionless 프로토콜 (비연결지향) 클라이언트가 서버에 요청(Request)했을 때, 그 요청에 맞는 응답(Response)을 보낸 후 연결을 끊는 처리방식이다. 비연결지향 장점 HTTP는 인터넷 상에서 불특정 다수의 통신 환경을 기반으로 설계되었다. 만약 서버에서 다수의 클라이언트와 연결을 계속 유지해야 한다면, 이에 따른 많은 리소스..

이전 게시글에서는 쿠키를 이용해서 로그인 기능을 구현했다. 이번에는 세션의 개념을 이용해서 로그인 페이지를 만들어보고자 한다. /user/login에서 privateKey와 useritem을 정의했다. privateKey는 세션을 유지하는 동안 서버에 저장되는 쿠키이고, useritem은 유저들의 정보가 담긴 목록이다. privateKey는 Math.random()이라는 랜덤 함수를 기반으로 만들어진 무작위의 정수이다. user.js의 user는 이미 저장된 유저의 정보를 나타낸다. findUser 함수는 ID와 PW가 모두 기존 회원 정보와 일치하면 true값을 반환하고, 하나 이상 잘못된 정보를 입력하면 false 값을 반환한다. 따라서 [그림 1]의 findUser() 부분을 보면, 틀린 회원 정보..

이번 글에서는 쿠키를 이용하여 로그인 기능을 구현해보겠다. 쿠키와 세션에 대한 개념은 추후 따로 정리해서 글을 쓸 예정이다. user 객체는 이미 존재하는 회원의 ID, PW, 닉네임으로 설정해두었다. 첫 번째 if문은 localhost:3000에 접속했을 때 쿠키 존재 여부에 따라 나누었다. 만약 쿠키가 존재하지 않으면 index.html을 렌더하고, 쿠키가 존재한다면 userid가 leejy2306과 일치하는지 여부를 판단하여 일치하면 isLogin의 값을 true로 할당한다. 로그인 페이지에서 로그인을 할 때 ID와 PW를 모두 제대로 입력했으면 콘솔 로그로 Login Success가 나타나고 Set-Cookie로 login=userid라는 쿠키값을 할당하였다. ID와 PW 둘 중 하나라도 틀리면,..

1. 게시판 제작 전 기본 셋팅 2. 게시판 제작 2.1. Read 2.2. Create 2.3. Delete 2.4. Update 1. 게시판 제작 전 기본 셋팅 $ npm init -y // package.json 파일 생성 $ npm i express // express 패키지 설치 $ npm i nunjucks // nunjucks 패키지 설치 $ code . // 현재 위치에서 VS Code 열기 Ubuntu 환경에서 위의 명령어를 차례로 입력하여 게시판을 만들기 위한 준비를 마친다. 2. 게시판 제작 게시판은 기본적으로 CRUD 기능을 갖고 있다. CRUD 중에서 대체적으로 구현하기 쉬운 순서는 Read, Create, Delete, Update이다. 기존에 있던 게시글들을 표현하기 위해 bo..

1. 템플릿 엔진 (Template Engine) 2. Nunjucks 3. body-parser 1. 템플릿 엔진 (Template Engine) 웹 페이지를 구성할 때 가장 기본적으로 쓰이는 마크업 언어인 HTML은 정적인 언어이다. 주어진 기능만 사용할 수 있으며, 직접 기능을 추가할 수 없다. 예를 들어 HTML로 1,000개의 데이터를 모두 표현하고 싶다면 HTML에 일일이 직접 써서 넣어야 한다. 하지만 자바스크립트로 표현하면 반복문으로 간단하게 처리할 수 있다. 템플릿 엔진은 자바스크립트를 사용하여 HTML을 렌더링할 수 있게 해준다. 템플릿 엔진은 기존 HTML과 문법이 살짝 다를 수도 있고, 자바스크립트 문법이 들어가기도 한다. 템플릿 엔진은 html의 역할과 express의 역할을 구분..

1. 콜백지옥 2. Promise 3. async/await 1. 콜백지옥 콜백(Callback)은 다른 함수의 실행이 끝난 뒤 실행되는 함수이다. 콜백지옥은 JavaScript를 이용한 비동기 프로그래밍시 발생하는 문제로서, 함수의 매개 변수로 넘겨지는 콜백 함수가 반복되어 코드의 들여쓰기 수준이 감당하기 힘들 정도로 깊어지는 현상을 말한다. 위의 스크립트는 apple go, apple end, orange go, orange end, strawberry go, strawberry end 순서로 출력되고, 마지막으로 Mission Complete!가 출력되도록 만든 것이다. apple, orange, strawberry 이렇게 depth가 3개 밖에 없어서 지옥까지는 아니지만, 콜백지옥이 이러한 원리로..

1. 모듈 2. 전역 객체 3. 모듈의 종류 4. 모듈 식별자 5. require() 메소드와 module.exports 1. 모듈 Node.js에서 모듈은 Node.js로 개발한 애플리케이션을 이루는 기본 조각이다. 쉽게 말하면 물건을 만들 때 쓰는 부품이라고 할 수 있다. 어떤 큰 물건을 만들 때, 재료 하나로만 만들 수도 있지만 조립식처럼 파트 하나하나를 끼워서 만들 수도 있다. 미리 만들어진 파트들을 조립해서 물건을 만드는 것처럼, 관련된 코드들을 모아서 캡슐화해놓은 것들을 모듈이라고 한다. 이러한 여러 가지 모듈을 이용하면 프로젝트를 훨씬 더 수월하게 진행할 수 있다. 2. 전역 객체 전역 객체는 어디서나 사용할 수 있는 객체를 말한다. 클라이언트 자바스크립트에서는 window나 document..

1. 템플릿 문자열 (template string) 2. 객체 리터럴 (Enhanced Object Literal) 3. 디스트럭쳐링 (Destructuring) 1. 템플릿 문자열 (template string) 자바스크립트에서 문자열 여러 개를 합칠 때에는 다음과 같은 방식을 사용한다. let a = 'yellow'; let b = 'green'; let ab = a+b; console.log(ab); // yellowgreen console.log(a+'와 '+b+'을 섞으면 '+ab+'이 됩니다.'); // yellow와 green을 섞으면 yellowgreen이 됩니다. 따옴표와 + 기호를 여러 번 적어야 하기 때문에 번거로운데, 이를 간단하게 해주는 것이 템플릿 문자열이다. let a = 'y..