|
116 | 116 | "description": "Redux 애플리케이션에서 상태 구조를 정규화하는 방법에 대해 알아봅니다. 이 글은 Redux 공식 번역이 아니며, 개인 학습 및 공유 목적으로 작성된 비공식 번역입니다. (원문 : https://redux.js.org/usage/structuring-reducers/normalizing-state-shape)" |
117 | 117 | } |
118 | 118 | }, |
119 | | - { |
120 | | - "url": "/posts/React/react-aop-hoc", |
121 | | - "frontmatter": { |
122 | | - "title": "리액트에서 고차컴포넌트(HOC)로 횡단 관심사를 처리해보자 (feat. AOP - 관점지향 프로그래밍)", |
123 | | - "createdAt": "2025-10-30T00:00:00.000Z", |
124 | | - "category": "React", |
125 | | - "description": "리액트에서 고차컴포넌트(HOC)를 사용하여 횡단 관심사를 효과적으로 처리하는 방법에 대해 알아봅니다. 관점지향 프로그래밍(AOP)의 개념을 도입하여 코드의 재사용성과 유지보수성을 향상시키는 방법을 알아봅니다" |
126 | | - } |
127 | | - }, |
128 | 119 | { |
129 | 120 | "url": "/posts/React/what-is-isomorphic", |
130 | 121 | "frontmatter": { |
|
152 | 143 | "description": "불변성(Immutability) 는 개발 공부를 하다 보면 정말 자주 듣는 단어다. 값을 바꾸지 않는다는 말은 이해되지만, 자바스크립트에서 그게 어떻게 동작하는지, 그리고 왜 React 에서는 꼭 지켜야 하는지 알아보자." |
153 | 144 | } |
154 | 145 | }, |
155 | | - { |
156 | | - "url": "/posts/React/build-react-1", |
157 | | - "frontmatter": { |
158 | | - "title": "DIY React 1 - JSX 마크업을 Virtual DOM 객체로 변환하기", |
159 | | - "createdAt": "2025-10-07T00:00:00.000Z", |
160 | | - "category": "React", |
161 | | - "description": "React의 핵심 개념과 동작 원리를 이해하기 위해, React를 직접 구현해보는 시리즈의 첫 번째 글입니다. 이번 글에서는 JSX 마크업을 Virtual DOM 객체로 변환하는 과정을 다룹니다." |
162 | | - } |
163 | | - }, |
164 | 146 | { |
165 | 147 | "url": "/posts/React/kareer-fit-1", |
166 | 148 | "frontmatter": { |
|
224 | 206 | "description": "React 에서 Modal 컴포넌트를 구현할때 단순히 z-index 를 높게 줬을때 발생하는 문제와 createPortal 을 이용해 해결하는 방법에 대해 알아봅니다." |
225 | 207 | } |
226 | 208 | }, |
227 | | - { |
228 | | - "url": "/posts/JavaScript/v8-how-the-value-stored", |
229 | | - "frontmatter": { |
230 | | - "title": "동적 타이핑 언어 JavaScript 값은 실제로 어떻게 저장될까? (Feat. Tagged Pointer, NaN-Boxing)", |
231 | | - "createdAt": "2025-06-08T00:00:00.000Z", |
232 | | - "category": "JavaScript", |
233 | | - "description": "JavaScript 에서는 숫자, 문자열, 불리언, 객체 등 다양한 값을 다룰 수 있습니다. 일반적인으로는 원시값은 스택에, 나머지는 힙에 저장된다고 합니다. 하지만 동적 타입 언어인 JavaScript 는 런타임에 타입이 결정되는데, 그렇다면 실제로 값은 어디에 또 어떻게 저장될까요 ?" |
234 | | - } |
235 | | - }, |
236 | | - { |
237 | | - "url": "/posts/JavaScript/js-object-comparison", |
238 | | - "frontmatter": { |
239 | | - "title": "객체리터럴 vs 정적메서드 vs 클래스 인스턴스 vs 클로저함수", |
240 | | - "createdAt": "2025-05-08T00:00:00.000Z", |
241 | | - "category": "JavaScript", |
242 | | - "description": "객체리터럴, 정적메서드, 클래스 인스턴스, 클로저함수를 사용하면 공통적으로 객체를 생성할 수 있습니다. 이들은 모두 객체를 생성하는 방법이지만, 각각의 특징과 장단점이 다릅니다. 이 글에서는 이 네 가지 방법을 비교하고, 각각의 장단점과 사용 예시를 살펴보겠습니다." |
243 | | - } |
244 | | - }, |
245 | 209 | { |
246 | 210 | "url": "/posts/Web/css-cascade-algorithm", |
247 | 211 | "frontmatter": { |
|
269 | 233 | "description": "AWS Lambda와 S3 트리거를 활용하여 이미지 업로드 시 자동으로 최적화하는 방법에 대해 알아봅니다. Sharp 라이브러리를 사용하여 JPEG, PNG, WebP 등 다양한 포맷의 이미지를 효율적으로 변환하고 저장하는 과정을 다룹니다." |
270 | 234 | } |
271 | 235 | }, |
272 | | - { |
273 | | - "url": "/posts/Web/image-optimization", |
274 | | - "frontmatter": { |
275 | | - "title": "응~ 이미지 키워봐~ 최적화 하면 그만이야 (pt2. 다양한 최적화 기법)", |
276 | | - "createdAt": "2024-12-19T00:00:00.000Z", |
277 | | - "category": "Web", |
278 | | - "description": "2024 경북대학교 디자인학과 졸업전시 웹사이트 개발 경험을 바탕으로, React 환경에서 이미지 최적화 기법을 적용하는 방법에 대해 알아봅니다. 지연 로딩, 크기 조정, CDN 활용 등 다양한 전략을 통해 웹 성능을 향상시키는 방법을 다룹니다." |
279 | | - } |
280 | | - }, |
281 | 236 | { |
282 | 237 | "url": "/posts/Web/browser-rendering-in-depth", |
283 | 238 | "frontmatter": { |
|
305 | 260 | "description": "React와 Intersection Observer API를 활용해 성능 최적화된 무한 스크롤을 구현하는 방법을 알아보겠습니다. 페이지네이션의 종류부터 커스텀 훅까지 단계별로 설명합니다." |
306 | 261 | } |
307 | 262 | }, |
308 | | - { |
309 | | - "url": "/posts/Web/trolley-dilemma-compatibility", |
310 | | - "frontmatter": { |
311 | | - "title": "철로 위에 묶여 있는 IE 사용자를 구할 것인가 (웹 호환성과 크로스 브라우징)", |
312 | | - "createdAt": "2024-10-29T00:00:00.000Z", |
313 | | - "category": "Web", |
314 | | - "description": "수많은 최신 브라우저 사용자와 소수의 IE 사용자가 철로 위에 묶여 있다면, 개발자는 누구를 구해야 할까요? 트롤리 딜레마로 풀어보는 웹 호환성과 크로스 브라우징 이야기" |
315 | | - } |
316 | | - }, |
317 | 263 | { |
318 | 264 | "url": "/posts/Web/network-rest-api", |
319 | 265 | "frontmatter": { |
|
350 | 296 | "description": "Redux의 핵심 개념과 Flux 아키텍처에 대해 알아봅니다. MVC, MVVM, Container-Presenter 패턴과 비교하며 Redux가 어떻게 상태 관리를 단순화하는지 알아봅니다." |
351 | 297 | } |
352 | 298 | }, |
353 | | - { |
354 | | - "url": "/posts/React/use-imperative-handle", |
355 | | - "frontmatter": { |
356 | | - "title": "React 는 항상 단방향으로 데이터가 흐를까? (useImperativeHandle)", |
357 | | - "createdAt": "2024-06-10T00:00:00.000Z", |
358 | | - "category": "React", |
359 | | - "description": "React 는 항상 데이터가 단방향으로 흐를까요? React 의 useImperativeHandle 훅을 사용하여 부모 컴포넌트가 자식 컴포넌트의 메서드나 속성에 접근하는 방법에 대해 알아봅니다" |
360 | | - } |
361 | | - }, |
362 | 299 | { |
363 | 300 | "url": "/posts/Web/authentication-authorization", |
364 | 301 | "frontmatter": { |
|
0 commit comments