BLOG

글 모음

개발하며 배우고 경험한 것들의 기록.

총 34개의 글

DEV

AI가 디자인 시스템을 잘 쓰게 하려면 — GDS MCP 제작기

디자인 시스템을 만드는 사람과 가져다 쓰는 사람 사이의 간극, 그리고 그 간극을 AI로 메우기 위한 GDS MCP 제작기

2026년 6월 4일FE, design system, AI
DEV

비쥬얼 자동화 툴 만들기

더 쉽게 나만의 Visual QA Tool 제작하기

2026년 4월 21일FE, chrome extension, AI
DEV

AI 시대의 도래, AI랑 같이 코딩하는 법

AI를 나만의 동료, 나만의 사수, 나만의 조수로 잘 달래서 쓰는 법

2026년 3월 10일AI, claude, openCode
CONFERENCE

조금 늦었지만 적어보는 2025 우아콘 후기

2025 우아콘 후기 말아왔다! 🙌 1인 정식처럼 알차게 만들어 본 후기 풉니다 🍀

2025년 11월 8일2025 woowacon, woowacon, 배달의민족
DEV

클로드랑 바이브 코딩해서 PWA 웹앱하나 뚝딱하기

클로드가 만든 한국어 퀴즈 게임 하러 갈 사람 👋

2025년 9월 22일AI, Claude, game
ALGORITHM

알고리즘은 왜 풀어야 하나요?

알고리즘 이거 왜 해야 함? 취업하면 안 해도 됨?

2025년 9월 16일Algorithms, 문제풀이, 생각정리
DEV

[TIL] 가상 면접 사례로 배우는 대규모 시스템 설계 기초 - 1 ~ 4장 배운 내용 정리

대규모 시스템 설계 기초 읽고 새로운 개발자로 거듭나자!

2025년 5월 30일독서, 독후감, 스터디
DEV

ViewTransition API 와 browser history 관리, 그리고 React Router

ViewTransition API과 Pop history action .... 그리고 useBlocker... ☕️

2025년 4월 11일Browser History, Chat GPT, ViewTransition API
DEV

리액트 파헤치기 한 달 스터디 소감 및 배운 점 정리 1탄

리액트 파헤치기 한 달 과정 참여한 썰 들을 사람~? ✋ 입 벌려 회고 1탄 들어간다!

2025년 3월 31일FE, React, 리액트 스터디
DEV

RxJS 시작해보기 1

RxJS를 가지고 이런저런 데모를 만들어보면서 평소 궁금하고 알아보고 싶었던 기술을 익히는 일종의 play ground 입니다. 반박 시 님들 말이 다 맞음 👐 수고. ✋ RxJS 공식문서 주소 RxJS 하면 단순히 이벤트 기반 핸들링 라이브러리, 함수형 프로그래밍

2025년 2월 28일FE, Observer Pattern, front end
DEV

[TIL] RSC에서 내부 API fetch 시 주의할 점(feat.NEXT.js)

‼️ React Server Component에서 route handlers를 fetch로 호출 시에 주의해야 할 점에 대해 공식문서와 함께 알아봅시다!

2025년 1월 26일FE, Route Handlers, SSR
CONFERENCE

2024 프론트엔드챕터의 밤(feat.토스증권) & Toss SLASH24 참여 기록

토스증권 "프론트엔드 챕터의 밤"과 SLASH24에 다녀왔습니다. 개인적인 감상평이므로, 크나큰 교훈은 없습니다 : )

2024년 9월 18일Slash, front end, toss
DEV

[번역] 메모리 관리

JS 메모리 관리 번역 글.

2024년 6월 17일JavaScript, memory
DEV

나혼자 얼렁뚱땅 해보는 Next.js 튜토리얼

Next.js 가즈아 😇🔫 chapter1. 프롤로그

2024년 5월 31일FE, Next14, front end
ALGORITHM

[Algorithm] 가장 많이 받은 선물

2024 카카오 겨울 인턴십 알고리즘 레벨 1 문제

2024년 4월 15일2024 KAKAO INTERNSHIP, Lv.1, programmers
ALGORITHM

[Algorithm] 더 맵게

프로그래머스 lv.2 힙 구조자료 연습 문제

2024년 3월 2일Lv.2, algorithm, heap
ALGORITHM

[Algorithm] 연속 부분 수열 합의 개수

[연속 부분 수열 합의 개수] 프로그래머스 알고리즘 문제 풀이

2024년 3월 1일Lv.2, algorithm, programmers
DEV

[번역] Vite 5 변경점 톺아보기

[번역] Vite 5 변경점 정리 vite4가 거의 1년 전에 릴리즈 되었고, 그것은 에코시스템을 위한 단단한 기반을 제공했다.

2024년 1월 23일FE, Vite 5, bundler
ALGORITHM

[Algorithm] 두 큐 합 같게 만들기

2022 KAKAO TECH INTERNSHIP > 두 큐 합 같게 만들기

2024년 1월 19일2022 Kakao Tech Internship, algorithm, programmers
ALGORITHM

[Algorithm] 광물 캐기

프로그래머스 광물캐기 풀이

2024년 1월 7일Lv.2, algorithm, programmers
DEV

끝나지 않은 번역 자동화 프로젝트....! 디벨롭해서 가져왔다..!

편하려고 만들었는데 오히려 할 일이 또 생겨...? 마 이게 개발이다..!

2023년 12월 13일FE, babel, front end
DEV

쉽게 프론트엔드 개발하기(feat. 재사용성을 고려한 UI 설계)

재사용성 있는 UI 설계... 말만 쉽다.

2023년 10월 27일FE, UI설계, 프론트엔드
DEV

[TIL] 테스트코드 작성해보기

일하고 있는 팀에서 결제 쪽 플로우에 cypress를 도입한 이후 다른 팀원들의 vitest 스터디가 있었고, 나도 작업한 프로젝트에 가볍게나마 단위 테스트를 붙여보고 싶어서 시도해보았다.

2023년 10월 9일FE, test code, testing library
DEV

vue-i18n-extract 활용한 번역 자동화하기

노가다 멈춰! (feat.vue-i18n-extract)

2023년 9월 4일FE, i18n, 글로벌 대응
DEV

TanStack Query 잘 사용하기

TanStack Query를 회사 실무에서 사용하면서 최근에 내가 놓쳤던 부분들에 대해 정리해보려고 한다.

2023년 8월 21일FE, front end, tanstack-query
DEV

OpenAPItools openapi-generator-cli 사용해보기

API Response Type 언제까지 일일이 잡아줘야 돼? 좀 해줘~~~ (중요한 건 꺾이지 않는 마음?)

2023년 6월 8일API, FE, Swagger-ui
DEV

[TIL] tsconfig와 moduleResolution

최근에 사이드 프로젝트를 하면서 Vite + React + TypeScript 로 초기 세팅을 했는데 절대 경로를 설정해주기 위해서 tsconfig 파일에 아래와 같이 설정을 해주었다.그런데 vite 데브 서버를 돌리니 계속 파일 위치를 못 찾아서 뭐가 문젠가 봤더니

2023년 5월 20일FE, TIL, ts
DEV

[JS]Dynamic Import의 동작방식(feat. Vite, Cypress)

Dynamic Import란 자바스크립트 모듈을 필요할 때 불러오는 방식입니다.Javascript는 ECMAscript 표준으로 dynamic import를 다음과 같이 지원하고 있습니다.

2023년 5월 17일FE, JavaScript, bundler
DEV

[TIL] spring boot 초기 세팅

김영한님의 스프링 부트 기초 영상을 따라 spring.start.io 에서 spring-kotlin을 generate 했는데intellij에서 계속 초기 빌드 실패가 났다.

2023년 4월 22일Spring, Springboot, gradle
ALGORITHM

알고리즘 문제 풀기 - 추억 점수

요즘 kotlin을 공부중이다.회사 분들이랑 스터디 겸 작은 프로젝트를 하기로 했다. 평소에는 프론트 개발을 하기 때문에 서버 쪽 공부를 하고 싶어서일부러 서버 개발을 맡았는데 아무래도 실무에서는 전혀 사용하지 않는기술과 문제 해결, 언어이다 보니까 속도가 안 난다.

2023년 4월 18일algorithm, kotlin, programmers
CONFERENCE

2023 DEVIEW 참여기

2023년 Deview가 4년만에 오프라인으로 열렸다. 2.27-28 모두 참여하며 느꼈던 점을 공유한다.

2023년 3월 5일DEVIEW, DEVIEW 2023, FE
DEV

프로젝트 회고 (feat. 배운 점 정리)

입사 후 첫 번째로 실무에 투입됐던 프로젝트가 드디어 얼추 마지막을 보이고 있다. 다음주에 마지막 운영 배포를 끝으로 당분간은 해당 프로덕에 새 기능이 추가되지 않을 예정이라 일을 하며 배웠던 것들을 정리해보려고 한다.

2022년 3월 27일React, dealicious, frontend
DEV

tailwind3과 purge 속성

회사에서 실무를 시작한 지도 벌써 한 달이 넘어가고 있다. 현재 맡고 있는 프로젝트에서 css는 tailwind라는 라이브러리를 사용하고 있는데 이 친구는 정말 재밌게도 html class 속성 값을 추가해 css를 적용하는 모습을 취하고 있다. 처음에는 굉장히 생소

2022년 1월 30일CSS, FE, front end
DEV

React Query 정리

React Query란 > 스스로 공부하고 찾아보며 기술을 적용했기 때문에 분명 틀린 점이 있을 수 있습니다. 틀린 점은 댓글에 지적해주시면 감사하겠습니다. 회사에 입사하고 첫 실무에 들어가며 만난 프레임워크들은 입사 전에는 한 번도 사용해보지 않았던 것들이었다.(N

2021년 12월 25일JavaScript, React, front end