Multi Developer SuHo

웹 소켓에 대해 알아보도록 하겠습니다. 흔히 말하는 실시간 데이터를 주고받을 수 있는 양방향 통신을 뜻하죠, 프로그래밍에 접하셨다면 한번쯤은 들어보셨을겁니다. 예를 들면 실시간 스트리밍 라이브 방송도 실시간으로 방송이 송출되는 것이죠, 그럼 이 웹 소켓을 직접 다루기전에 웹 소켓에 대한 역사를 한번 살펴보시죠📑목차1. 웹 소켓 개요1-1. 웹 소켓의 개념(기존 HTTP 통신과 차이점, 등장 배경)1-2. 웹 소켓의 필요성1-3. 웹 소켓의 한계2. 웹 소켓 동작원리2-1. 연결과정 (HandShake)2-2. 연결유지와 양방향 통신 2-3. 메시지 교환 방식 2-4. 연결종료3. 웹 소켓의 구성요소3-1. 클라이언트3-2. 서버 3-3. 프로토콜4. 웹 소켓과 다른 실시간 통신 방식4-1. 폴링의 개념..

안녕하세요 오늘은 Node js에서 SQL 쿼리문을 직접 작성하지 않고 자바스크립트 코드로 데이터베이스를 제어할 수 있도록 도와주는 라이브러이인 Sequelize에 대해 알아보겠습니다. 📑목차1. ORM (Object-Relational-Mapping)1-1. ORM란?1-2. ORM 특징1-3. ORM 탄생 배경2. Sequelize2-1. Sequelize 란?2-2. Sequelize 라이브러리 설치2-3. Sequelize 특징2-4. Sequelize 문법2-5. Sequelize 모델 생성 (클래스 init 메서드 호출 형태)2-6. 테이블 필드 속성 종류2-7. 테이블 속성 종류서론본문으로 들어가기 전 Sequelize에 대해 들어보신적 있으신가요? "시퀄라이즈" 라고 했을때 개발 분야라면..

안녕하세요 이번에는 웹의 보안정책  Cors에 대해 알아보겠습니다.  📑목차1. Cors1-1. Cors란?1-2. Cors의 원리1-3. Preflight 요청이란?1-4. Origin 속성1-5. Method 속성1-6. Credentials 속성1-7. Cors 문법 코드서론먼저 본론으로 들어가기 전 Cors에 대해 들어보셨을까요? 저는 처음 들어보는 키워드여서 생소합니다. 웹 보안정책 중 하나로 알려지고 있다는데 자세히는 알고 싶어서 포스팅을 작성하고자 합니다. 그럼 본문으로 넘어가겠습니다~~ 본론1. Cors( Cross-Origin Resource Sharing)1-1. Cors란?웹 어플리케이션에서 다른 도메인에서 리소스를 요청할 때 발생할 수 있는 보안문제를 해결할 수 있는 방안참고 내용..

안녕하세요~~ 오늘은 AJXA, Fetch , Axios, Cors 가 각각 무엇이고, 언제 사용되는지 알아보겠습니다.  📑목차1. AJAX1-1. AJAX란?1-2. AJAX의 등장1-3. AJAX 동작 원리1-4. XMLHttpRequest 객체란?1-5. open() 메서드란?1-6. onreadystatechange 이벤트란?1-7. readyState 속성이란?1-8. status 속성이란?1-9. responseText 속성이란?1-10. XMLHttpRequest 객체로 요청 보내는 코드2. Fetch 2-1. Fetch란?2-2. Fetch의 등장2-3. Fetch의 특징2-3. Fetch 문법 3. Axios3-1. Axios란?3-2. Axios 문법4. Form 태그의 요청과 차이서..

안녕하세요 이번에는 JWT 토큰에 대해 알아볼려고 합니다. JWT 토큰이 무엇인지, 이것을 어떻게 활용할 수 있는지 알아볼려고 합니다. 📑목차1. 토큰 (Token)1-1. 토큰이란?2. JWT 토큰2-1. JWT 토큰이란?2-2. 토큰의 인증 방식2-3. JWT 토큰의 형태2-4. JWT 토큰의 장점2-5. JWT 토큰의 단점2-6. JWT 문법서론 본문으로 들어가기전 "토큰" 이라는 것을 들어보셨나요?  어디서 한 번쯤은 "토큰"이라는 단어를 들어보셨을 겁니다. 게임이라던지 영화라던지 어디에서나 언급되는 키워드이기도 합니다. 오늘은 사용자 인증 방식중 "JWT 토큰" 에 대해 살펴보고자 합니다.  본론1. 토큰(Token) 1-1. 토큰이란?클라이언트가 인증 정보를 보관하고 서버와 인증된 상태를 유..

안녕하세요~ Node js에서 Multer 모듈로 이미지를 업로드하는 방식을 구현해보겠습니다.📑목차1. 파일 업로드 모듈 Multer 1-1. Multer 모듈이란?1-2. Multer 모듈 설치1-3. Multer 모듈을 왜 사용하는가?1-4. 웹에서 파일을 업로드 하는 경우1-5. Multer 모듈 구조 1-6. Stoarge 옵션 (diskStorage, memoryStorage)1-7. multipart/form-data 형식이란?1-8. MIME 타입 (Multipurpose Internet Mail Extensions)1-9. Multer 모듈 사용 코드서론오늘은 Multer 모듈에 대해 알아보겠습니다. Multer 라고 들어보신적 있으시간요? Node js를 접해보셨더라면 "Multer"가..

안녕하세요~  오늘은 GET 요청과 POST 요청 그리고 req(요청 객체)와 res(응답 객체)에 대해 간략하게 설명하고자 합니다.📑목차1. GET 방식1-1. GET 방식이란?1-2. GET 방식에 해당하는 서버 로직 1-3. GET 방식은 언제 사용되는가?2. POST 방식2-1. POST 방식이란?2-2. POST 방식에 해당하는 서버 로직2-3. POST 방식은 언제 사용되는가?3. Request (요청 객체)3-1. Request (요청 객체란?)3-2. Request 요청 객체 목록4. Response (응답 객체)4-1. Response (응답 객체란?)4-2. Response 응답 객체 목록 서론먼저 이 글을 들어가기전 프로그래밍에서 GET 방식과 POST 방식에 들어보셨나요? 다른 언..

안녕하세요~ 오늘은 MVC 패턴에 대해 알아보겠습니다. MVC 패턴이 무엇이고, 패턴에 대한 내용을 살펴보고 코드를 통해 알아보겠습니다.📑목차1. MVC 패턴1-1. MVC 패턴이란?1-2. MVC 패턴 구조1-3. MVC 패턴 목적1-4. Model1-5. View1-6. Controller1-7. MVC 패턴을 이용한 코드서론먼저 이 글을 보시기 전에, 요청과 응답에 대한 이해력이 어느정도 있으시다면 크게 어렵지 않겠습니다. 저도 MVC 패턴에 대해 처음 접해보는거라 모르는 내용이지만 배우는 입장에서 최대한 쉽게 알려드리고자 합니다. 그럼 본문으로 넘어가도록 하겠습니다. 본론1. MVC 패턴 1-1. MVC 패턴이란?사용자의 UI와 애플리케이션 로직을 구분하도록 구조적으로 나누는 디자인 패턴   1..

📑목차1. 라우터(Router)1-1. 라우터란?1-2. 라우터를 왜 사용할까?1-3. app 라우팅 vs express.Router 라우팅 서론먼저 이 포스팅을 읽기 전, 라우터에 대해 들어보신적 있으신가요?  OSI 계층에서 3계층인 네트워크 계층에서 통신 장비 "라우터" 라고 들어보셧나요?  하지만 네트워크에서 "라우터" 랑 소프트웨어에서 "라우터"는 다른 개념이니 이름이 같다고 같은 기능을 동작한다고 보시면 안됩니다. 그럼 왜  Node js 에서 "라우터" 를 알아야하는지 알아보는 시간을 가져보겠습니다.    본론1. 라우터(Router) 1-1. 라우터(Router)란?  특정 HTTP 요청(URL 경로와 HTTP 메서드)에 따라 요청을 적절한 핸들러 함수로 전달하는 역할   1-2. 라우터..

안녕하세요~~ Node JS로 진입하면서 EJS 템플릿 엔진을 사용해보고  EJS 템플릿 엔진이 무엇인지 알아보겠습니다. 📑목차1. EJS 템플릿 엔진1-1. EJS 템플릿 엔진이란?1-2. EJS 템플릿 엔진 특징1-3. EJS 템플릿 엔진 문법1-4. EJS 템플릿 엔진 장단점1-5. EJS 템플릿 엔진을 대체하는 프레임워크1-6. EJS 템플릿 엔진을 이용한 게시판 CRUD 서론먼저 이 포스팅을 읽기 전에 EJS 템플릿 엔진이 무엇이고, EJS 템플릿 엔진의 특징, 문법, 장단점을 알아볼 필요가 있겠습니다. 최근에는 다양한 프레임워크와 라이브러리가 등장하여 EJS 템플릿 엔진의 가동성이 낮아지고 있습니다. 간략하게 EJS 템플릿 엔진에 대한 본문으로 넘어가시죠  본론 1. EJS 템플릿 엔진 1-..