DaYeonKim Portfolio https://dyeon-dev.vercel.app/ This is my portfolio RSS feed [운영체제] 교착상태(DeadLock) 4가지 조건 https://dyeon-dev.vercel.app//blog/network/3-dead-lock DeadLock(교착상태)에 대해 설명하고, 해결 방법에 대해 설명하기 Mon, 13 Apr 2026 00:00:00 GMT 공간데이터 타입과 R-tree 구조 https://dyeon-dev.vercel.app//blog/database/3-point-geometry 지도 기능을 구현하며 공간데이터 타입을 선택한 과정과, R-tree 기반 공간 인덱스의 DB별 동작 차이 정리 Wed, 29 Oct 2025 00:00:00 GMT Debounce과 Throttle을 활용한 최적화 https://dyeon-dev.vercel.app//blog/react/3-debounce-throttle 과도한 이벤트 발생으로 성능 저하를 막기 위한 두 방식의 차이점을 알아보자 Sat, 25 Oct 2025 00:00:00 GMT React의 상태 관리 - useReducer, ContextAPI https://dyeon-dev.vercel.app//blog/react/2-react-state 리액트의 상태(State)로 정의하기 전 고려해야 할 점과 올바른 기준을 통해 상태 관리 방식을 적용하자 Wed, 22 Oct 2025 00:00:00 GMT useState, useEffect, useRef 훅 잘쓰는법 https://dyeon-dev.vercel.app//blog/react/1-react-hook 리액트 함수 컴포넌트의 핵심인 훅의 동작 원리를 알아보고 언제 어떻게 쓰면 될지 기억해두자 Tue, 21 Oct 2025 00:00:00 GMT WS + WAS 서버 Nginx로 배포하기(ft. 배포 스크립트) https://dyeon-dev.vercel.app//blog/network/2-ws-was-deploy WS와 WAS를 명확하게 책임/역할 별로 구분하는 것을 목표로 하며 배포까지 진행해보자 Sun, 05 Oct 2025 00:00:00 GMT OSI 7 Layer의 역할을 파악하자 https://dyeon-dev.vercel.app//blog/network/1-osi-layer 각 계층이 왜 필요한지 어떤 역할을 수행하는지에 대해 이해하는 것을 목표로 한다 Thu, 02 Oct 2025 00:00:00 GMT 민감 정보를 담은 쿠키를 안전하게 보호하자! - CSRF, XSS 방어 실습 https://dyeon-dev.vercel.app//blog/javascript/9-csrf-xss-cors 쿠키를 안전하게 보호하기 위해 브라우저 레벨부터 서버 속성까지 다양한 방법을 실습해보기 Thu, 25 Sep 2025 00:00:00 GMT 로그인 방식에는 어떤 것들이 있을까? - 세션, 쿠키 https://dyeon-dev.vercel.app//blog/javascript/8-session-cookie 세션(session)과 쿠키(cookie)에 대해 알아보고 Express에 적용해보자 Sun, 21 Sep 2025 00:00:00 GMT Node.js의 net 모듈로 웹 서버 만들기 https://dyeon-dev.vercel.app//blog/javascript/7-http-net Node.js에서 기본으로 제공해 주는 TCP 통신을 위한 net 모듈을 사용해서 HTTP GET에 응답하는 웹 서버를 구현해보자 Fri, 19 Sep 2025 00:00:00 GMT 웹 요청 방식 비교 분석 Form vs Fetch API https://dyeon-dev.vercel.app//blog/javascript/6-form-fetch-api 두 방식의 네트워크 계층과 브라우저 처리 관점의 차이를 알아보자 (ft. GET/POST Form 차이) Wed, 17 Sep 2025 00:00:00 GMT [DB 모델링 2편] ERD를 실제 테이블로: 논리적 모델링과 인덱스 설계 https://dyeon-dev.vercel.app//blog/database/2-sql-model ERD를 관계형 모델로 변환하는 논리적 설계부터, SQL 구체화 과정 학습하기 Wed, 03 Sep 2025 00:00:00 GMT [DB 모델링 1편] ER 다이어그램을 단계별로 설계하자 https://dyeon-dev.vercel.app//blog/database/1-erd 데이터 모델링을 단계별로 살펴보고, ERD Cloud로 데이터 개념적 설계 연습해보기 Tue, 02 Sep 2025 00:00:00 GMT EJS 템플릿 엔진으로 SSR 구현하기 https://dyeon-dev.vercel.app//blog/javascript/5-ejs Express + EJS로 SSR 기반 MVC 앱을 만들며 렌더링 원리, 라우팅, 쿠키 기반 로그인 상태 관리를 직접 구현해보자 Tue, 26 Aug 2025 00:00:00 GMT 렌더링 방식 어떤걸 선택하는게 좋을까? CSR(SPA), SSR(MPA) https://dyeon-dev.vercel.app//blog/javascript/5-ssr-csr 웹 렌더링 방식의 진화 흐름에 따라 MPA(SSR), SPA(CSR)의 장단점을 비교하고, CSR의 한계를 극복하는 현대적인 SSR(SSG, ISR)을 알아보자 Mon, 25 Aug 2025 00:00:00 GMT NodeJS의 libuv 역할 https://dyeon-dev.vercel.app//blog/javascript/4-2-nodejs-libuv Node.js 비동기 처리의 핵심, libuv! 이벤트 루프의 단계(Phase)별 제어 흐름과 Thread Pool 작동 원리에 대해 알아보자 Sun, 24 Aug 2025 00:00:00 GMT 자바스크립트는 싱글 스레드인데 어떻게 멀티 스레드처럼 동작할까? https://dyeon-dev.vercel.app//blog/javascript/4-1-browser-engine 자바스크립트 비동기 처리의 핵심! V8 엔진의 콜 스택과 브라우저의 이벤트 루프 동작 원리를 살펴보자 Sat, 23 Aug 2025 00:00:00 GMT 이벤트 전파(Event Propagation)와 이벤트 위임(Event Delegation) https://dyeon-dev.vercel.app//blog/javascript/3-2-eventpropagation-eventdelegation DOM 트리에서 이벤트가 전파되는 캡처링과 버블링 단계를 이해하고, 이를 활용해 성능을 개선하는 이벤트 위임 패턴과 React에서의 활용법 Thu, 21 Aug 2025 00:00:00 GMT 이벤트 핸들러(Event Handler) 정리 https://dyeon-dev.vercel.app//blog/javascript/3-1-eventhandler 이벤트 핸들러 등록 방식을 알아보고, 문서 로딩 이벤트와 자주 쓰는 이벤트 타입을 알아두자 Wed, 20 Aug 2025 00:00:00 GMT CSS Layout https://dyeon-dev.vercel.app//blog/javascript/2-css display(block/inline), position(static/relative/absolute/fixed), float, flexbox로 알아보는 CSS 레이아웃 배치 방식 Tue, 19 Aug 2025 00:00:00 GMT HTML 배치를 위한 태그 https://dyeon-dev.vercel.app//blog/javascript/1-html 애플, 네이버, NOL 야놀자 웹페이지 구조를 살펴보며 HTML 시맨틱 태그와 배치 레이아웃에 대해 학습하기 Mon, 18 Aug 2025 00:00:00 GMT TanStack Query API 에러 핸들링 https://dyeon-dev.vercel.app//blog/concurrrent-ui-pattern/3-error-handling ToastUI와 FallbackUI로 상태코드에 따른 에러 핸들링하기 Sun, 16 Feb 2025 00:00:00 GMT Suspense와 ErrorBoundary로 선언적 컴포넌트 만들기 https://dyeon-dev.vercel.app//blog/concurrrent-ui-pattern/2-suspense-errorboundary Suspense로 스켈레톤 UI 적용부터 Lazy 처리까지, ErrorBoundary로 에러 대응까지 Sat, 15 Feb 2025 00:00:00 GMT 사용자 경험을 향상시켜주는 방식, Concurrent Rendering이란? https://dyeon-dev.vercel.app//blog/concurrrent-ui-pattern/1-concurrent-rendering React 18의 Suspense, ErrorBoundary와 React team의 지향점 Fri, 14 Feb 2025 00:00:00 GMT CDD(Component-Driven Development), Storybook으로 컴포넌트 개발하기 https://dyeon-dev.vercel.app//blog/design-system/4-cdd-storybook 패키지 npm에서 받아서 사용하는 방법부터, 스토리북을 활용한 아토믹 패턴 컴포넌트 주도 개발 적용해보기 Thu, 23 Jan 2025 00:00:00 GMT 패키징 작업부터 디자인 시스템을 NPM에 배포 https://dyeon-dev.vercel.app//blog/design-system/3-npm-deploy Rollup을 사용하여 디자인 시스템 번들 후, Npm에 배포하기 Wed, 22 Jan 2025 00:00:00 GMT Storybook을 활용한 디자인 시스템 구축 https://dyeon-dev.vercel.app//blog/design-system/2-storybook 스토리북 설치부터 컴포넌트 구현까지, 디자인 시스템을 구축해보자 Tue, 21 Jan 2025 00:00:00 GMT 프로젝트에 아토믹 패턴의 디자인 시스템을 도입한 이유 ❓ https://dyeon-dev.vercel.app//blog/design-system/1-atomic-design 우리만의 커스텀 디자인을 만들고 시스템을 구축하자! 생산성이 크게 올라가는 효율적인 방식 Mon, 20 Jan 2025 00:00:00 GMT 블로그 게시글 조회수 기능 (Serverless DB) https://dyeon-dev.vercel.app//blog/next-js-blog/5-blog-views Serverless DB를 활용해서 조회수 데이터 관리하기 Mon, 13 Jan 2025 00:00:00 GMT 블로그 목차를 만들어보자 https://dyeon-dev.vercel.app//blog/next-js-blog/4-blog-topbanner TopBanner를 만들고, 목차 생성을 위한 유용한 플러그인까지 알아보자 Sun, 12 Jan 2025 00:00:00 GMT 블로그 템플릿 설정 변경하기 https://dyeon-dev.vercel.app//blog/next-js-blog/3-blog-setting tailwindcss와 SSG로 되어있는 블로그 템플릿 초기 세팅 재설정하기 Sat, 11 Jan 2025 00:00:00 GMT Next.js blog 시작하기 https://dyeon-dev.vercel.app//blog/next-js-blog/2-blog-start Vercel Lee 방식의 템플릿 구조 살펴보고 블로그 프로젝트 세팅해보자! Fri, 10 Jan 2025 00:00:00 GMT 3번째 블로그 이전에 관하여 https://dyeon-dev.vercel.app//blog/next-js-blog/1-boilerplate Velog > GitHub + Jekyll pages > Next.js + Tailwind로 Blog 구현하기 (ft. Vercel 리더십 블로그) Thu, 09 Jan 2025 00:00:00 GMT