| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- 리액트 개념
- 자바스크립트 상속
- 오블완
- 웹 개발 트렌드
- 티스토리챌린지
- 자바스크립트 async await
- javascript opreators
- javascript closure
- 프론트엔드 리액트
- 자바스크립트 클래스
- 자바스크립트 반복문
- javascript opreator
- 자바스크립트 연산자
- html 코드
- 자바스크립트 scope
- javascript
- html 주석
- HTML
- css position
- CSS
- 자바스크립트 클로저
- 자바스크립트 실행 컨텍스트
- 자바스크립트 프로미스
- 자바스크립트 생성자 함수
- css3
- 자바스크립트 promise
- 리액트 함수형 컴포넌트
- 자바스크립트
- 프론트엔드
- css 포지션
- Today
- Total
목록2025/02 (18)
Multi Developer SuHo
CSR(Cilent Side Rendering) & SSR(Sever Side Rendering) 완벽 정리
안녕하세요!! 오늘은 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(Embedded JavaScript) 템플릿 엔진에 대하여...
안녕하세요~~ 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-..
Node js http 모듈을 활용한 간단한 서버 구축
안녕하세요~ 저번에는 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 서버 구축
안녕하세요 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..
[자바스크립트 프로젝트] 영화 추천 웹 사이트 (NodeConnect)
안녕하세요~ 자바스립트를 마치면서 자바스크립트와 HTML,CSS를 활용한 영화 추천 웹 사이트 프로젝트를 제작하였습니다. 📑목차1. 프로젝트 소개1-1. 프로젝트 구조1-2. 프로젝트 코드1-2. 구동 화면서론 프로젝트를 개발하기 전 로그인페이지, 회원가입 페이지, 메인페이지, 상세 페이지, 문의 페이지, 마이페이지로 나눠서 개발하게 되었습니다. 저는 로그인, 회원가입, 마이페이지 담당을 맡게 되었습니다. 회원가입을 할 때 저장되는 데이터들은 로컬스토리지에 저장을 하였고, 로그인 할때는 로컬 스토리지에 저장된 데이터들을 불러와서 쿠키의 로그인 정보 즉, 사용자이름, 아이디만 저장을 하는 방식으로 구조화 하였습니다. 본론으로 넘어가시죠본론1. 프로젝트 소개저희 NodeConncet 팀은 사용자에게 영..
Node js fs 모듈로 파일 시스템 처리를 통한 CRUD 제어
안녕하세요~ 이번에는 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)서론 먼저..