BLOG
글 모음
개발하며 배운 것, 느낀 것, 다녀온 곳들의 기록.
총 43개의 글

AI 시대의 도래, AI랑 같이 코딩하는 법
AI를 나만의 동료, 나만의 사수, 나만의 조수로 잘 달래서 쓰는 법

조금 늦었지만 적어보는 2025 우아콘 후기
2025 우아콘 후기 말아왔다! 🙌 1인 정식처럼 알차게 만들어 본 후기 풉니다 🍀

클로드랑 바이브 코딩해서 PWA 웹앱하나 뚝딱하기
클로드가 만든 한국어 퀴즈 게임 하러 갈 사람 👋

알고리즘은 왜 풀어야 하나요?
알고리즘 이거 왜 해야 함? 취업하면 안 해도 됨?

열정이란 이름에 속지 마세요
진짜 당신이 좋아하는 게 뭔지 생각해보세요 찡-긋 😉
![[TIL] 가상 면접 사례로 배우는 대규모 시스템 설계 기초 - 1 ~ 4장 배운 내용 정리](https://velog.velcdn.com/images/qorgkr26/post/ab13a111-67c8-4c4c-877d-fee7a5d2349e/image.png)
[TIL] 가상 면접 사례로 배우는 대규모 시스템 설계 기초 - 1 ~ 4장 배운 내용 정리
대규모 시스템 설계 기초 읽고 새로운 개발자로 거듭나자!

열심히 안 살기로 했다.
꿈은 없고요 놀고 싶어요. 뽀로로처럼. 🐣

ViewTransition API 와 browser history 관리, 그리고 React Router
ViewTransition API과 Pop history action .... 그리고 useBlocker... ☕️

리액트 파헤치기 한 달 스터디 소감 및 배운 점 정리 1탄
리액트 파헤치기 한 달 과정 참여한 썰 들을 사람~? ✋ 입 벌려 회고 1탄 들어간다!

RxJS 시작해보기 1
RxJS를 가지고 이런저런 데모를 만들어보면서 평소 궁금하고 알아보고 싶었던 기술을 익히는 일종의 play ground 입니다. 반박 시 님들 말이 다 맞음 👐 수고. ✋ RxJS 공식문서 주소 RxJS 하면 단순히 이벤트 기반 핸들링 라이브러리, 함수형 프로그래밍
![[TIL] RSC에서 내부 API fetch 시 주의할 점(feat.NEXT.js)](https://velog.velcdn.com/images/qorgkr26/post/2953b2c6-39ac-4d5b-b722-92368426baf7/image.png)
[TIL] RSC에서 내부 API fetch 시 주의할 점(feat.NEXT.js)
‼️ React Server Component에서 route handlers를 fetch로 호출 시에 주의해야 할 점에 대해 공식문서와 함께 알아봅시다!

삶에서 작은 성취를 쌓는 법
2025 새해가 밝았습니다. 🙌 한 달동안 미친듯이 성취감 찾아 도파민 채운 한 녀-성의 이야기를 들어보시렵니까?

2024 연말회고🎄 (feat. 시간순삭잼)
내 장점이 뭔 줄 알아 ? 바로 cute 뽀짝 girl~???은 뻘소리고 입 벌려 회고 들어간다!

2024 프론트엔드챕터의 밤(feat.토스증권) & Toss SLASH24 참여 기록
토스증권 "프론트엔드 챕터의 밤"과 SLASH24에 다녀왔습니다. 개인적인 감상평이므로, 크나큰 교훈은 없습니다 : )
신입 개발자에게 해주고 싶은 말 (to. 과거의 나)
이 글을 읽으면 좋을 사람 : 과거의 나!
![[번역] 메모리 관리](https://velog.velcdn.com/images/qorgkr26/post/2c148f86-9ab7-4fb3-a498-f581af23a3f8/image.png)
[번역] 메모리 관리
JS 메모리 관리 번역 글.

나혼자 얼렁뚱땅 해보는 Next.js 튜토리얼
Next.js 가즈아 😇🔫 chapter1. 프롤로그
![[Algorithm] 가장 많이 받은 선물](https://velog.velcdn.com/images/qorgkr26/post/c51a8f6f-0fb8-4e67-8d78-a9d2cf2ecd96/image.png)
[Algorithm] 가장 많이 받은 선물
2024 카카오 겨울 인턴십 알고리즘 레벨 1 문제

다시 초짜가 되었다.
2024년, 최근 회사를 다니면서 느꼈던 것들을 정리하는 글
![[Algorithm] 더 맵게](https://velog.velcdn.com/images/qorgkr26/post/0c3101e7-fae9-4e74-b748-1263bc6c1f73/image.png)
[Algorithm] 더 맵게
프로그래머스 lv.2 힙 구조자료 연습 문제
![[Algorithm] 연속 부분 수열 합의 개수](https://velog.velcdn.com/images/qorgkr26/post/a962a0a6-1af0-41ff-b3be-92857d7b361a/image.png)
[Algorithm] 연속 부분 수열 합의 개수
[연속 부분 수열 합의 개수] 프로그래머스 알고리즘 문제 풀이
![[번역] Vite 5 변경점 톺아보기](https://velog.velcdn.com/images/qorgkr26/post/3374a170-242b-4d9a-bad4-85a0c0e9e8d0/image.png)
[번역] Vite 5 변경점 톺아보기
[번역] Vite 5 변경점 정리 vite4가 거의 1년 전에 릴리즈 되었고, 그것은 에코시스템을 위한 단단한 기반을 제공했다.
![[Algorithm] 두 큐 합 같게 만들기](https://velog.velcdn.com/images/qorgkr26/post/93fa137e-78f7-49a4-988e-7aa665a79a3e/image.png)
[Algorithm] 두 큐 합 같게 만들기
2022 KAKAO TECH INTERNSHIP > 두 큐 합 같게 만들기
![[Algorithm] 광물 캐기](https://velog.velcdn.com/images/qorgkr26/post/0da8eb21-dd1d-4872-8bd8-abb74955f990/image.png)
[Algorithm] 광물 캐기
프로그래머스 광물캐기 풀이

2023 회고 2024 다짐
다들 2023년 잘 떠나보내고 2024 새롭게 잘 맞이하시고 계신지? 😎

끝나지 않은 번역 자동화 프로젝트....! 디벨롭해서 가져왔다..!
편하려고 만들었는데 오히려 할 일이 또 생겨...? 마 이게 개발이다..!

쉽게 프론트엔드 개발하기(feat. 재사용성을 고려한 UI 설계)
재사용성 있는 UI 설계... 말만 쉽다.
![[TIL] 테스트코드 작성해보기](https://velog.velcdn.com/images/qorgkr26/post/2f57224b-ae5a-4cac-b03a-1ab9ec0e8ba0/image.png)
[TIL] 테스트코드 작성해보기
일하고 있는 팀에서 결제 쪽 플로우에 cypress를 도입한 이후 다른 팀원들의 vitest 스터디가 있었고, 나도 작업한 프로젝트에 가볍게나마 단위 테스트를 붙여보고 싶어서 시도해보았다.

개발자인 나에게 영감을 준 말들
최근에 개발자로서 참 많이 와닿고 오래도록 마음에 새기고 싶은 그런 말들을 여러 개 듣게 되어 까먹기 전에 몇 글자 적어보려고 한다. 2023.08.15 운 좋게 인프콘에 당첨이 되어 다녀오게 되었다. 그간 다녔던 개발 컨퍼런스와 달리 굉장히 유명한 네임드(!) 개

vue-i18n-extract 활용한 번역 자동화하기
노가다 멈춰! (feat.vue-i18n-extract)

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

OpenAPItools openapi-generator-cli 사용해보기
API Response Type 언제까지 일일이 잡아줘야 돼? 좀 해줘~~~ (중요한 건 꺾이지 않는 마음?)
![[TIL] tsconfig와 moduleResolution](https://velog.velcdn.com/images/qorgkr26/post/de4a4738-f066-4c85-bc24-ca82f0a43f16/image.png)
[TIL] tsconfig와 moduleResolution
최근에 사이드 프로젝트를 하면서 Vite + React + TypeScript 로 초기 세팅을 했는데 절대 경로를 설정해주기 위해서 tsconfig 파일에 아래와 같이 설정을 해주었다.그런데 vite 데브 서버를 돌리니 계속 파일 위치를 못 찾아서 뭐가 문젠가 봤더니
![[JS]Dynamic Import의 동작방식(feat. Vite, Cypress)](https://velog.velcdn.com/images/qorgkr26/post/0fe7a880-e488-4935-88dd-2d859fd31021/image.png)
[JS]Dynamic Import의 동작방식(feat. Vite, Cypress)
Dynamic Import란 자바스크립트 모듈을 필요할 때 불러오는 방식입니다.Javascript는 ECMAscript 표준으로 dynamic import를 다음과 같이 지원하고 있습니다.
![[TIL] spring boot 초기 세팅](https://velog.velcdn.com/images/qorgkr26/post/912dd2e0-eb17-4f5d-947c-c455e550a753/image.png)
[TIL] spring boot 초기 세팅
김영한님의 스프링 부트 기초 영상을 따라 spring.start.io 에서 spring-kotlin을 generate 했는데intellij에서 계속 초기 빌드 실패가 났다.

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

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

인생 공부
요즘 개인적으로 아주 바쁜 나날을 보내고 있다.1년간 살았던 월셋방을 청산하고 버팀목 대출을 받아 새 전셋집으로이사를 준비하고 있기 때문이다. 요 며칠 몇 번씩 은행을 갔는지 모른다.남의 돈을 빌리는 것은 매우 어렵다. 넉넉하진 않지만 그래도 지난 1년 좀 넘게 회사

2023년 맞이 새해 다짐?
작년, 회사에서 맡았던 첫번째 프로젝트를 끝내고 작성했던 회고를 끝으로한 글자도 적지 않았던 내가 약 9개월만에 돌아와 글을 쓰고 있다.

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

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

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

이사왔어요.
안녕하세요. Front-end 개발자 sue입니다. 기존에 사용하고 있던 깃허브 블로그가 여간 불편한 게 아니라 블로그 이사를 계속 생각 중이었는데 직접 불편한 부분들을 개선해 개발해서 새 블로그를 시작하기에는 글을 작성하는 공백이 너무 길어질 것 같아 새로 블로그를