profile
바라는 색이 있다면 눈이 멀도록 바라볼 것. 가능한 온몸으로 부서질 것.
post-thumbnail

02. 스타일링 우선순위 선정

'런타임 비용을 줄여보자!' 며 패기있게 시작한 스타일링 이원화 전략은 생각보다 더 다뤄야할 이론들이 깊었습니다..이론 설명, 스타일의 우선순위 선정과정 그리고 우선순위 설정에 대해 정리해봤습니다!

2026년 4월 2일
·
0개의 댓글
·
post-thumbnail

03. Next.js에서 자동 저장 구현하기

제 경험 중 Tanstack Query 시리즈에서 꽃을 담당하는 '자동 저장' 기능에 대해 작성해봅니다. 지나고 나니 추억이 되네요.. 역시 시간이 약인가봅니다.

2026년 3월 22일
·
0개의 댓글
·
post-thumbnail

02. Tanstack Query 데이터 작성하기

1편에서 useQuery로 서버 데이터를 "읽는" 방법에 대해 설명해봤는데요!이번 편에서는 서버 데이터를 "쓰는" 방법에 대해 알아보겠습니다~

2026년 3월 22일
·
0개의 댓글
·
post-thumbnail

01. Tanstack Query(React Query)란?

제가 처음 React를 접했을 때 가장 낯설던 개념은 상태(state)였습니다. 이 글을 읽는 분들은 저와 같은 가시밭길을 걷지 않길 바라며 상태 관리에 대해 자세하게 작성해봤습니다..!

2026년 3월 22일
·
0개의 댓글
·
post-thumbnail

01. Emotion과 Tailwind, 스타일링 이원화

Emotion과 Tailwind를 함께 쓰는 이원화 전략, 과연 이론적으로도 맞는 선택일까? 두 라이브러리의 차이부터 역할 분리 기준, 실제 코드 예시, 트레이드오프까지 정리해보았다.

2026년 3월 19일
·
0개의 댓글
·
post-thumbnail

프랙탈/FSD 파일 구조

저는 개발자면 코드만 잘 작성하면 될 줄 알았는데요? 개발 경험을 쌓아갈수록 구조 설계 능력이 중요해지는걸 뼈저리게 느꼈습니다... 프랙탈 구조와 FSD 구조에 대해 기록해봅니다!

2026년 3월 18일
·
0개의 댓글
·
post-thumbnail

04. Next.js에서 Emotion사용하기

CSR(Client-Side-Rendering) 환경에서 신나게 Emotion을 사용하다가, Next.js SSR(Server-Side-Rendering) 환경에 아무 설정 없이 사용하면 생각보다 많은 문제가 발생한다. 오늘은 그 문제에 대해 얘기해본다.

2026년 3월 17일
·
0개의 댓글
·
post-thumbnail

03. @emotion/styled 활용한 타이포 시스템 구현

저는 디자인 시스템을 사용한 프로젝트를 5번 참여했는데요, 매번 타이포 시스템을 정의할 때마다 비효율적인 반복 과정을 반복했습니다...그래서 했어요! 리팩토링 했어요!!!

2026년 3월 16일
·
0개의 댓글
·
post-thumbnail

02. @emotion/styled 기초

이번 글은 실제로 @emotion/styled를 어떻게 사용하는지에 대해 집중적으로 다뤄보고자 합니다!!

2026년 3월 16일
·
0개의 댓글
·
post-thumbnail

01. Emotion이란?

저는 굉장한 @emotion/styled 러버인데요?그동안 개인 노션에만 저의 사랑을 기록해왔더라구요.풀어봅니다. 저의 사랑." JavaScript로 CSS를 작성하게 해주는 스타일링 라이브러리 "styled-component와 CSS-in-JS 진영의 양대산맥 중 하

2026년 3월 16일
·
0개의 댓글
·