개발하면서 탐구한 것을 소소하게 기록하는 공간입니다. 시리즈로 연재된 포스트는 아래 시리즈북으로 편리하게 열람할 수 있습니다 🧐
transition의 벤더 프리픽스가 필요할까? (feat. -webkit-box, -ms-flexbox, -o-transition, -ms-transition)
-webkit-box, -ms-flexbox 같은 속성은 뭐고 어떻게 다뤄야 할까?
Flexbox의 히스토리
다크모드, 더 프로처럼 활용하기
SWR 그리고 React Query 세팅
pnpm으로 모노레포 환경 구축하기
블로그에 RSS, JSON Feed 추가하기
preact을 시작해보자. vite와 함께.
차세대 번들러 비교 및 분석 (feat. webpack, rollup, esbuild, vite)
번들러가 왜 필요하고 어떻게 발전되고 가고 있을까?
내가 기본적으로 사용하는 ESLint 설정
tailwindcss 완벽 세팅 (feat Next.js)
프론트엔드 개발자 도구함
직접 개발말고, 좋은 라이브러리를 씁시다!
이건 물경력일까 불경력일까?
감격스로운 카카오 공채 합격 1년 후, 나는 물경력을 쌓은 것일까 🥹
레포 단위로 VSCode 설정 적용하기
안드로이드에서 브라우저 디버깅하는 방법 (feat. 크롬, 삼성 브라우저)
2022 카카오 신입 개발자의 1년 회고록
이렇게 물경력이 쌓이는 것인가,,, 하지만 돌아보면 정말 많은 것을 수확했다.
(ESLint) Parsing error: The keyword 'import' is reserved
Github Action에서 Error: Cannot find module 에러 해결
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:985:15)
Next.js에 구글 애드센스 적용하기
Markdown Template Example
마크다운 문법 사용 템플릿
Next.js 블로그 mdx에서 이미지 복붙하기 (feat. Paste Image)
vscode markdown 파일에서 이미지를 기똥차게 사용해보자!
Next.js 블로그 Image Optimization
Next.js static html에서 이미지를 기똥차게 사용해보자!
Next.js 블로그 댓글 기능 추가하기 (feat. giscus)
💎 Giscus를 활용하여 Next.js 블로그에 댓글, 대댓글, 리액션을 달 수 있도록 해주자!
Next.js 블로그 Google Analytics 연동하기
블로그에 Google Analytics v4를 심어주자!
Next.js 블로그 sitemap 생성, 검색엔진 등록
`next-sitemap` 라이브러리를 사용해서 쉽게 sitemap 만들고 검색엔진에 등록하자.
Next.js 블로그 Github Pages에 자동 배포하기
Github Action을 활용하여 자동으로 Github Pages에 배포되도록 하자.
Next.js mdx plugin
`next-mdx-remote`에서 플로그인으로 이쁜 결과물을 만들자.
Next.js 블로그 글의 추가 정보 파싱하기
gray-matter, reading-time 등을 활용하여 글에 대한 추가 정보를 알아내자.
Next.js 블로그 글 페이지 만들기
glob를 활용하여 디랙토리 기반으로 페이지들을 생성해보자 🤔
기술 블로그를 만들 때 고려해야 할 점
블로그를 만들 때 어떤 것들을 고려해야 할까? 🤔
라이브러리없이 DND TODO 칸반보드 만들기
라이브러리 없이 React에서 Drag and Drop TODO 칸반 보드를 구현해보자!!!
react-beautiful-dnd로 TODO 뽀개기
라이브러리를 활용해서 React에서 Drag and Drop TODO 칸반 보드를 구현해보자!!!
DND 이벤트 뽀개기
라이브러리 없이 React에서 Drag and Drop 이벤트를 구현해보자!!!
Drag Carousel 뽀개기
라이브러리 없이 React에서 터치로 캐러셀을 만들어 보자!!!
Drag Resize 뽀개기
라이브러리 없이 React에서 element 크기를 drag해서 조정하자!!!
Drag Touch 뽀개기
라이브러리 없이 React에서 element를 터치로 움직이게 하자!!!
Drag 이벤트 뽀개기
라이브러리 없이 React에서 element를 커서로 움직이게 하자!!!
M1 터미널 아키텍처 설정 (arm64, x86_64)
CSS-in-JS 라이브러리들에 대한 고찰
다양한 CSS-in-JS 라이브러리가 있는데 이들은 어떤 차이점이 있을까? 더 나아가 어떤 상황에서 어떤 라이브러리를 사용하면 좋을까? 🍀
styled-components 과 emotion, 도대체 차이가 뭔가?
styled-components vs emotion 💥 도대체 차이가 뭘까??
2022 카카오 블라인드 공채 합격 후기
2022 카카오 블라인드 공채 ✨ 카카오 본사 합격 후기 ✨
5개월간 스타트업에서 굴렀다. 그리고 얻었다.
2021.07.05 ~ 2021.11.26