Frontend(프론트엔드)
89 posts
- [Redux] Redux 완전 정복 - 초보부터 전문가까지
- [Computer Terms] CDN 캐싱 전략 (CDN Caching)
- [Computer Terms] MVC와 MVVM (Model-View-Controller/ViewModel)
- [Computer Terms] 옵저버 패턴 (Observer Pattern)
- [Computer Terms] 쿠키와 로컬 스토리지 (Cookie, Local Storage)
- [Redux] 01. JavaScript 핵심 개념 - 변수, 함수, 객체
- [Redux] 02. ES6+ 필수 문법 - 구조 분해, 스프레드, 템플릿 리터럴
- [Redux] 03. 배열과 객체 다루기 - map, filter, reduce
- [Redux] 04. 비동기 JavaScript - Promise와 async/await
- [Redux] 05. TypeScript 기초 - 타입 시스템 이해하기
- [Redux] 06. Redux란 무엇인가 - Flux 아키텍처와 상태 관리
- [Redux] 07. Redux의 핵심 - Action, Reducer, Store
- [Redux] 08. 불변성의 중요성 - Immutability in Redux
- [Redux] 09. Redux 데이터 흐름 이해하기
- [Redux] 10. Redux를 사용하는 이유와 적절한 사용 시기
- [Redux] 11. React-Redux 시작하기 - Provider와 connect
- [Redux] 12. React-Redux Hooks - useSelector와 useDispatch
- [Redux] 13. 컴포넌트 최적화 - 리렌더링 제어
- [Redux] 14. 데이터 선택자 - Selector 패턴
- [Redux] 15. 실습: Counter와 Todo 앱 만들기
- [Redux] 16. Redux Toolkit 소개 - 왜 RTK인가?
- [Redux] 17. createSlice - 간결한 리듀서 작성
- [Redux] 18. configureStore - Store 설정 자동화
- [Redux] 19. createAsyncThunk - 비동기 로직 단순화
- [Redux] 20. 실습: RTK로 앱 리팩터링
- [Redux] 21. Redux 미들웨어의 이해
- [Redux] 22. Redux Thunk - 가장 간단한 비동기 처리
- [Redux] 23. Redux Saga - 강력한 사이드 이펙트 관리
- [Redux] 24. RTK Query - 데이터 페칭의 혁명
- [Redux] 25. 실습: RTK Query로 블로그 앱 만들기
- [Redux] 26. Redux 프로젝트 구조 - 확장 가능한 설계
- [Redux] 27. 정규화(Normalization) - 복잡한 데이터 관리
- [Redux] 28. Redux와 TypeScript - 타입 안전한 상태 관리
- [Redux] 29. Redux 성능 최적화와 디버깅 심화
- [Redux] 30. 테스팅과 실전 프로젝트 - E-Commerce 앱 (시리즈 마무리)
- [Redux] 00. 커리큘럼 - 학습 로드맵
- [DevOps] GitHub Actions Hugo 빌드: WebP 캐시로 빌드 시간 단축
- [Hugo] GitHub Pages 1GB 한계 극복 - 빌드 최적화 실전 가이드
- [CSS] 모던 CSS 완전 정복: 2015년처럼 CSS 쓰는 시대는 끝났다
- [AI] Everything Claude Code: 강력한 AI 코딩 에이전트 설정 가이드
- [Clean Architecture] 02. 계층형 아키텍처의 역사와 한계
- [Clean Architecture] 42. 웹은 세부사항이다
- [Hardware] JetKVM - 차세대 오픈소스 KVM over IP 솔루션
- [VSCode] Markdown Preview Enhanced로 다이어그램 미리보기
- [Hugo] Hugo URL Viewer: 크롤러·브라우저 관점 URL 점검 도구
- [Web] RSS vs ICE - 단순함이 마이크로소프트를 이긴 이유
- [SEO] Open Graph 가이드 - OG 이미지·메타태그 실무 정리
- [Hugo] GitHub Pages에서 alias·canonical로 리디렉션 SEO 가이드
- [Hugo] Alias noindex·Canonical·SEO 모범 사례 완전 가이드
- [MCP] Cursor에서 Playwright MCP 설정 가이드 (Windows 포함)
- [AI] GPT-5 완전 가이드: OpenAI 혁신 모델의 모든 것
- [Orthography] 나라 맞춤법 검사기 리뉴얼: 바른 한글 새 기능과 특징
- [Coding] 코딩의 300년 역사: 천공 카드에서 현대 프로그래밍까지
- [Programming] HTML은 프로그래밍 언어인가? html-lang.org 중심 탐구
- [Tutorial] 팟플레이어 AI 자동 자막 생성 가이드 (Whisper)
- [HTML] HTML 기반 반응형 데이터 탐색·분석 노트북
- [Cartography] ColorBrewer 온라인 색상 팔레트 도구
- [Programming] CRLF와 LF의 차이·운영체제별 줄바꿈 정리
- [WebDevelopment] 웹 폰트 로딩 전략과 최적화
- [API] REST API와 GraphQL 비교
- [Performance] 지연 시간 메트릭 마스터하기: P90, P95, P99
- [Technology] CRDT(Conflict-Free Replicated Data Types) 개요와 활용
- [Architecture] C4 모델 쉽게 이해하기
- [Database] API 개발에서 흔한 DB 성능 실수 5가지와 해결 방법
- [TypeScript] 타입 추론: 원리·Best Common Type·Contextual Typing·실전 활용
- [WebDevelopment] Broadcast Channel API로 브라우저 탭·창 간 실시간 통신하기
- [TypeScript] Reverse Mapped Types 이해와 실전 활용
- [ChatGPT] GPT-4 품질 저하(너핑) 논란과 비조정형 AI 논의
- [Tutorial] futurecoder - 초보자용 파이썬 무료·오픈소스 인터랙티브 강의
- [Tutorial] Learn Prompting - 프롬프트 엔지니어링 무료 가이드 정리
- [GitHub] github.dev - 웹 브라우저에서 쓰는 GitHub 전용 IDE
- [Hyper-V] 원격 접속 시 은행 사이트 차단을 VM으로 우회하는 방법
- [Torrent] qBittorrent - RSS 자동 다운로드 설정 가이드
- [Tool] MarkWhen - 마크다운으로 계단식 타임라인 만들기
- [SearchEngine] OpenVerse - 오픈 라이선스 미디어 검색엔진
- [Util] Google Alerts·Blogtrottr로 개발·IT 최신 정보 수집하기
- [CSS] CSS 역사로 알아보는 CSS가 어려워진 이유
- [Programming] 가장 똑똑한 소프트웨어 엔지니어에게 배운 10가지 교훈
- [Javascript] JavaScript 주석(Comment) 문법과 활용 가이드
- [Jekyll] 코드 블록에 Copy to clipboard 버튼 추가하기
- [Tutorial] Markdown·Jekyll에서 LaTeX(MathJax)로 수식 작성하기
- [Jekyll] Kramdown 코드 블록에 줄 번호 표시하기
- [Jekyll] Minimal Mistakes 페이지 넓게 보기
- [Jekyll] 이미지에 캡션 추가하기
- [Design Pattern] 16. Command - 커맨드 패턴
- [SW] 개발자가 갖춰야 할 필수 마인드와 원칙
- [Tutorial] GitHub Pages에 Utterances 댓글 설치하기
- [Jekyll] 모아 볼 수 있는 콜렉션 만들기
- [Hardware] LattePanda Alpha에 Ubuntu 16.04 LTS 설치 가이드
Home