김승섭 개발 학습 블로그

[threejs] threejs 학습 정리

2024년 3월 12일

threejs 학습 정리 내용을 포스팅하였습니다.

Library

[Redux] JWT의 Access Token을 굳이 redux로 저장해야할까

2024년 3월 1일

React의 상태 관리 라이브러리인 redux의 persist 사용 이유에 대해 생각해보고 기록한 글입니다.

Library

[TS-3] never에 대해

2024년 2월 27일

타입스크립트에서 사용하는 never 타입에 대해 학습하고 정리한 내용입니다.

Typescript

[React] React.memo 컴포넌트 최적화 방안

2024년 2월 27일

ReactJS의 컴포넌트 최적화 방안인 React.memo에 대해 학습하고 기록하였습니다.

[React] React Hooks API (#3 useMemo)

2024년 2월 25일

ReactJS의 Hook API 중 하나인 useMemo을 학습하고 기록하였습니다.

[React] React Hooks API (#2 useCallback)

2024년 2월 25일

ReactJS의 Hook API 중 하나인 useCallback을 학습하고 기록하였습니다.

[React] React Hooks API (#1 useReducer)

2024년 2월 24일

ReactJS의 추가 Hooks useReducer에 대해 학습하고 기록하였습니다.

[JS-19] 자바스크립트 Prototype

2024년 2월 20일

자바스크립트의 Prototype에 대해 학습하고 기록하였습니다.

[JS-18] 자바스크립트 Scope와 Closure

2024년 2월 20일

자바스크립트의 스코프와 그와 관련된 클로져 개념에 대해 학습하였습니다.

[JS-17] 자바스크립트 이벤트 루프 동작 방식

2024년 2월 20일

자바스크립트의 비동기 작업 처리방식과 런타임에서 이벤트 루프가 어떻게 동작하는지 학습하고 기록한 내용입니다.

[JS-16] 자바스크립트의 메모리 관리

2024년 2월 19일

자바스크립트의 메모리 관리 방식에 대해 학습하였습니다.

[JS-15] Deep Copy와 Shallow Copy로 알아보는 JS의 메모리 사용 방식

2024년 2월 19일

자바스크립트의 개체 복사 방식 Deep Copy와 Shallow Copy에 대해 학습하고 기록하였습니다.

[JS-14] 2024년에 추가될 자바스크립트 신기능들

2024년 2월 18일

2024년에 추가될 자바스크립트 신기능들을 기록하였습니다.

[TS-2] .d.ts 파일?

2024년 2월 17일

.d.ts 파일을 사용하지 말아야하는 이유 라는 해외 개발자 영상을 보고 학습한 내용을 기록하였습니다.

Typescript

[Reddit] 회사에서 사용할 React 프레임워크를 추천해주세요!

2024년 2월 17일

대규모 트래픽을 부담하는 회사용 앱에서 사용할 ReactTS 프레임워크를 추천해달라는 레딧의 Discussion 게시글을 살펴보고 고찰한 정리글입니다.

[TS-1] Type vs Interface ?

2024년 2월 17일

Typescript에서 타입을 선언하는 Type alias와 Interface를 비교하고 어떤 방식이 더 나은지 학습한 내용입니다.

Typescript

🤖 Computer Science

[CS] HTTPS, stateful & stateless

2024년 2월 16일

HTTPS와 HTTP 통신에서의 stateful과 stateless, URL과 URI 비교 등의 학습 내용을 기록하였습니다.

🤖 Computer Science

[CS] HTTP의 전달구조

2024년 2월 16일

HTTP의 전달구조, HTTP 메서드, TCP 데이터 통신 등 HTTP 관련 학습 내용을 기록했습니다.

[JS-13] Webpack5 파헤치기 [3] Assets Resource Loader, Webpack Analyzer 플러그인

2024년 2월 6일

webpack5 환경에서 사용하는 Assets Resource Loader, Webpack Analyzer 플러그인에 대해 학습하고 기록하였습니다.

[JS-12] Webpack5 파헤치기 [2] HTML 플러그인, 웹팩 캐싱, dev-server, source-map, Babel-loader

2024년 2월 6일

Webpack과 함께 사용하는 HTML 플러그인, 웹팩 캐싱, dev-server, source-map, Babel-loader에 대해 학습하고 기록하였습니다.

[JS-11] Webpack5 파헤치기 [1] 초기설정, 기초 번들링

2024년 2월 6일

Webpack5 예제 프로젝트와 함께 초기 설정과 기초 번들링을 진행한 학습 내용입니다.

[JS-11] Callback 지옥에 대해

2024년 2월 2일

자바스크립트의 Callback 지옥에 대해 학습한 내용입니다.

[CS] 웹과 네트워크

2024년 2월 1일

웹과 네트워크에 관련된 CS지식을 학습하고 기록했습니다.

[NextJS] NextJS의 Data fetching에 대해

2024년 1월 28일

NextJS의 Data fetching 방식에 대해 기록하였습니다.

[CS] 웹 기술이란?

2024년 1월 27일

웹 기술에 대해 학습하고 기록하였습니다.

[Reddit] NextAuth는 최악의 인증 라이브러리일까

2024년 1월 26일

NextAuth는 좋지않은 라이브러리일까에 대한 논의글을 파헤쳐보았습니다.

[Reddit] Redux는 왜 3개로 분류되었나요?

2024년 1월 26일

Reddit Discussion - Redux는 왜 3개로 또 나누어져있는가 정리.

[JS-10] Webpack이란?

자바스크립트 파일을 하나로 통합하고 변수명, 함수명 충돌 등을 방지하는 Webpack에 대해 학습하였습니다.

[NodeJS] Nodejs + JWT 활용 방법

NodeJS를 통해 JWT를 활용하는 방법을 기록하였습니다.

[NextJS] Next 14버전 무엇이 달라졌나? + 느낀점

최근 업데이트된 NextJS 14버전의 업데이트 사항과 느낀점을 기록했습니다.

[NodeJS] Express 프레임워크와 모듈 구조

nodeJS의 서버 프레임워크 Express를 학습하고 이를 정리하였습니다.

[NodeJS] REST API와 라우팅

NodeJS를 통해 REST API를 구성해보고 Route에 대한 내용을 정리함.

[NodeJS] Session과 쿠키

NodeJS를 통해 Session과 쿠키 방식에 대해 학습하고 이를 기록하였습니다.

[NodeJS] 간단한 서버 구축 (2)

NodeJS를 통해 간단한 서버를 구축해보며 학습한 내용을 기록했습니다.

[NodeJS] 간단한 서버 구축 (1)

NodeJS를 통해 간단한 서버를 구축해보며 학습한 내용을 기록했습니다.

[NodeJS] NodeJS의 기본 기능

NodeJS의 기본 기능을 학습하고 기록하였습니다.

[NodeJS] Node.JS의 이해

Node.JS의 기본 개념을 정리하였습니다.

[NextJS_13v] Static Rendering과 Dynamic Rendering

프로젝트 빌드 시, 확인할 수 있는 Static Rendering과 Dynamic Rendering의 내용에 대해 기록함.

[NextJS_13v] 예제 프로젝트를 통한 학습

DB 연결, Dynamic Route, API 생성, AJAX 활용 등의 내용을 프로젝트에 적용해보았습니다.

[NextJS_13v] Server Component와 Client Component

NextJS의 Server Component와 Client Component 학습 내용 기록함.

[NextJS_13v] 이미지 최적화

NextJS 13버전의 이미지 최적화 방식을 기록함.

[NextJS_13v] 자동 라우팅

NextJS13의 라우팅 기능을 기록함.

[NextJS_13v] NEXTJS 13버전 개요

NextJS 13이 제공하는 기능과 이전 버전과 비교하여 새로 추가된 기능을 기록함.

[NextJS_12v] 예제 실습을 통한 학습(2)

Catch-All-URL, getServerSideProps, 404 에러페이지 라우팅의 내용을 기록함

[NextJS_12v] 예제 실습을 통한 학습(1)

Data Fetch, Server Side Rendering, Dynamic Routes, URL ⇒ URL로 params 의 학습 내용

[NextJS_12v] NextJS의 특징

NextJS 12버전의 특징을 기록함.

[NextJS_12v] 프로젝트 생성

NextJS 12버전의 프로젝트 생성방법과 기초를 기록함

[Redux] 사라지는 유저 정보?

redux-persist의 활용방법에 대해 알아보았습니다.

Library

[React] React + axios + JWT 인증방식

React의 axios 라이브러리를 활용해 JWT 인증하는 방식

[React] React with TypeScript 세미나 기록

React with TypeScript 세미나 내용을 보고 기록하였습니다

[React] ReactJS를 더 최적화하는 방법들

ReactJS를 더 최적화하는 방법들에 대해

[React] Class vs Function style Coding

React에서의 클래스형 vs 함수형 컴포넌트의 비교

[JS-9] ✨“this”✨

자바스크립트 this에 대해

[JS-8] 스코프란?

자바스크립트 스코프란?

[JS-7] 자바스크립트 타입 체크

자바스크립트 타입 체크

[JS-6] 자바스크립트 함수

자바스크립트 함수

[JS-5] 객체와 변경불가성(Immutability)

객체와 변경불가성(Immutability)

[JS-4] 자바스크립트 객체란?

자바스크립트 객체

[JS-3] 자바스크립트 기본 문법

자바스크립트 기본 문법

[JS-2] 웹브라우저와 Node.js

웹브라우저와 Node.js

[JS-1] 자바스크립트의 탄생

자바스크립트의 탄생

사용자 인터랙션 태그

2024년 1월 20일

사용자 인터랙션 태그 학습

HTML5

HTML 시멘틱 요소와 검색 엔진

2024년 1월 20일

HTML 시멘틱 요소와 검색 엔진 학습

HTML5