Multi Developer SuHo

안녕하세요!! 오늘은 CSR 방식과 SSR 방식에 대해 알아보겠습니다. 📑목차1. CSR(Cilent Side Rendering)1-1. CSR이란?1-2. CSR 동작 과정1-3. CSR 장단점2. SSR(Sever Side Rendering)2-1. SSR이란?2-2. SSR 동작 과정2-3. SSR 장단점2-4. CSR VS SSR 차이점 서론CSR 이라고 들어보셨나요? 아니면 SSR도 들어보셨나요? 프로그래밍 관련해서는 들어보셨을 수도 있습니다. 저도 포스팅을 작성하기 전 CSR이 무엇이고 SSR이 무엇인지는 개념을 이해하고나서 알 수 있게 되었습니다. CSR, SSR 각각 무슨 동작을 하는지 알아볼 필요가 있겠죠?  본론 1. CSR(Client Side Rendering)  1-1. CSR이..

안녕하세요~~ 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-..

안녕하세요~ 저번에는 net 모듈을 이용하여 간단한 TCP 서버를 소개해드렸습니다. 이번에는 http  모듈을 활용한 net 모듈처럼 간단한 서버를 구축해보겠습니다.📑목차1. http 모듈을 활용한 서버 구축1-1. http 모듈이란?1-2. http 모듈 VS net 모듈 차이점1-3. 코드 실행 구조1-4. http 모듈을 활용한 서버 구축 코드1-5. 실행 화면  서론이전에는 net 모듈을 활용한 TCP 소켓 서버를 간단하게 구현해봤습니다. 서버와 클라이언트간에 요청과 응답을 하는 3-way-handshake 방식과 클라이언트와 서버간의 논리적 연결이 끊어졌을 때는 4-way-handshkae 방식으로 처리하였습니다. 이번에는 Node js 에서 제공하는 http 모듈을 활용한 서버를 구축해보겠습..

안녕하세요 Node.js 에서 제공하는 net 모듈을 이용하여 간단한 TCP 서버를 구축해보겠습니다. 📑목차1. net  모듈을 활용한 서버 구축 1-1. net 모듈이란?1-2. 코드 실행 구조1-3. net 모듈을 활용한 서버 구축 코드1-4. 실행 화면1. net 모듈을 활용한 서버 구축1-1. net 모듈이란?Node.js 에서  TCP 소켓 서버를 구축할 수 있도록 도와주는 제공해주는 내장 모듈  실제로 node.js 사이트에서도 공식적으로 표기되어 있습니다.https://nodejs.org/api/net.html Net | Node.js v23.8.0 DocumentationNet# Source Code: lib/net.js The node:net module provides an async..

안녕하세요~ 자바스립트를 마치면서 자바스크립트와 HTML,CSS를 활용한 영화 추천 웹 사이트 프로젝트를 제작하였습니다. 📑목차1. 프로젝트 소개1-1. 프로젝트 구조1-2. 프로젝트 코드1-2. 구동 화면서론 프로젝트를 개발하기 전 로그인페이지, 회원가입 페이지, 메인페이지, 상세 페이지, 문의 페이지, 마이페이지로 나눠서 개발하게 되었습니다. 저는 로그인, 회원가입, 마이페이지 담당을 맡게 되었습니다. 회원가입을 할 때 저장되는 데이터들은 로컬스토리지에 저장을 하였고, 로그인 할때는 로컬 스토리지에 저장된 데이터들을 불러와서 쿠키의 로그인 정보 즉, 사용자이름, 아이디만 저장을 하는 방식으로 구조화 하였습니다.  본론으로 넘어가시죠본론1. 프로젝트 소개저희 NodeConncet 팀은  사용자에게 영..

안녕하세요~ 이번에는 Node js에서 fs (File System) 모듈을 제공해주고, fs 모듈로 파일 처리와  대용량 파일을 처리해보도록 하겠습니다.📑목차1. fs 모듈1-1. fs 모듈이란?1-2. fs 모듈 가져오기2. fs 모듈을 이용한 CRUD 처리2-1. 파일, 폴더 존재여부 판단하는 메서드2-2. fs.exists( )   # 비동기식 호출 2-3. fs.existsSync( ) #동기식 호출 2-4. fs.exists  # 비동기식 호출  VS fs.existsSync   #동기식 호출 2-5. fs 모듈을 사용하여 폴더 생성 (Create)2-6. 폴더 안에 파일 추가 2-7. 파일 읽어오기 (Read)2-8. 파일 덮어쓰기 (Update)2-9. 폴더 삭제 (Delete)서론 먼저..

이번에는 버퍼와 스트림에 대해 알아보겠습니다.  버퍼와 스트림의 개념을 살펴보고, 버퍼와 스트림을 이용한 코드들을 살펴보겠습니다.📑목차1. 버퍼(Buffer)1-1. 버퍼란?1-2. 버퍼의 문법1-3. 버퍼 내장 모듈 사용 코드2. 스트림(Stream)2-1. 스트림이란?2-2. 스트림 내장 모듈 사용 코드📑서론본론으로 들어가기전 혹시 "버퍼링" 이라는 키워드를 들어보셨을까요?  영상이나 게임, 음악 등등 갑자기 화면에 톱니바퀴 처럼 돌아가는 화면이 나타나면서 잠시 데이터를 받아오지 못하는 경우가 종종 있으실겁니다. 바로 이런 화면이 버퍼링 현상입니다.  버퍼링 현상이란?데이터를 모아서 처리하는 과정을 말한다  📑본론1. 버퍼(Buffer)  1-1. 버퍼란?바이너리 데이터 (0과1) 를 구분한 데..

안녕하세요!! 오늘은 네트워크에 대한 이론을 중점으로 학습해보겠습니다. OSI 계층과 TCP/IP 모델에 대해 학습해보고 각 계층에 대한 역할도 알아보겠습니다.🔖 목차1. OSI 7계층 📘1-1. OSI 7 계층이란?📘1-2. OSI 7 계층 구조📘1-3. 물리 계층📘1-4. 데이터 링크 계층📘1-5. 네트워크 계층 📘1-6. 전송 계층📘1-7. 세션 계층📘1-8. 표현 계층📘1-9. 응용 계층📘2. TCP/IP 4계층📙2-1. TCP/IP 4계층이란?📙2-2. TCP 란?📙2-3. IP란?📙2-4. TCP/IP 4 계층 구조📙🔖서론먼저 본론에 들어가기 앞서 OSI 계층을 들어보신적 있으시나요?  네트워크 개념을 조금이라도 공부하셨다면 알 수 있습니다. 그럼 TCP/IP 모..

안녕하세요~ 자바스크립트가 마무리되면서 이제 Node.js 에 대해 배워볼려고 합니다. Node.js가 무엇이고 Node.js를 왜 사용하는지, Node.js의 특징을 알아보는 중점으로 짚어보겠습니다. 📘 목차1. Node.js 란?1-1. Node.js 공식 사이트1-2. Node.js의 등장배경1-3. Node.js의 인기1-4. Node.js가 서버?1-5. Node.js의 블로킹 OR 논블로킹1-6. Node.js의 이벤트 루프 동작 방식2. 스레드 &  libuv2-1. Node.js 워커 스레드와 libuv2-2. 워커 스레드란?2-3. libuv 란?3. Node.js 문법 3-1. Node.js 모듈 레퍼서론먼저 이 글을 보기전에 Node.js 라고 들어보셨을까요?  대부분 개발 직무라면..

안녕하세요~  이번에는 replace( ) 와 map ( ), split( ) 메서드에 알아보고 각각 메서드가 무슨 역할을 하는지 살펴보겠습니다.  그럼 간단한 목차보면서 오늘의 할일을 살펴보시죠  📒 목차1. replace( ) 메서드1-1. replace( ) 메서드란?1-2. replace( ) 메서드 문법1-3. replace( ) 사용한 예시 코드2. map( ) 메서드2-1. map( ) 메서드란?2-2. map( ) 메서드 문법2-3. map( ) 사용한  예시 코드3. split( ) 메서드3-1. split( ) 메서드란?3-2. split( ) 메서드 문법3-3. split( ) 사용한 예시 코드🧑‍💻 서론 이번에 알아볼 내용중 replace( ) , map( ), split( )..