개발하면서 탐구한 것을 소소하게 기록하는 공간입니다. 시리즈로 연재된 포스트는 아래 시리즈북으로 편리하게 열람할 수 있습니다 🧐
이번 물경력일까 불경력일까?
감격스로운 카카오 공채 합격 1년 후, 나는 물경력을 쌓은 것일까 🥹
안드로이드에서 브라우저 디버깅하는 방법 (feat. 크롬, 삼성 브라우저)
안드로이드에서 브라우저 디버깅을 해야할 때가 있다. MAC 환경에서 어떻게 디버깅할 수 있는지 한번 정리해보자. 환경 세팅 brew install --cask android-platform-tools 안드로이드 개발자모드 설정 갤럭시...
레포 단위로 VSCode 설정 적용하기
repository 단위로 IDE 설정을 강제하고 싶을 때가 있다. 사람마다 제각각 선호하는 설정이 있고 프로젝트 환경에 따라 설정이 달라져 프로젝트마다 이를 다르게 설정해야 한다. `.vscode` 디랙토리에 설정을 명시하여 이를 ...
2022 카카오 신입 개발자의 1년 회고록
이렇게 물경력이 쌓이는 것인가,,, 하지만 돌아보면 정말 많은 것을 수확했다.
(ESLint) Parsing error: The keyword 'import' is reserved
vscode에서 개발 중 `Parsing error: The keyword 'import' is reserved`를 마주칠 때가 있다. `typescript` 기반으로 개발을 하는데 `javascript`으로 된 설정 파일에서 에러를...
Github Action에서 Error: Cannot find module 에러 해결
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:985:15)
Next.js에 구글 애드센스 적용하기
수익성 이해하기 수익은 월별 페이지 조회수 50,000부터 시작합니다. 따라서 그 이하의 조회수는 수익이 발생되지 않겠지요 🥲 Google 애드센스 계산기를 통해서 연수익을 예상할 수 있습니다. 아시아 기준 인터넷 관련 콘텐츠에서 ...
Markdown Template Example
마크다운 문법 사용 템플릿
Next.js 블로그 Google Analytics 연동하기
블로그에 Google Analytics v4를 심어주자!
Next.js 블로그 sitemap 생성, 검색엔진 등록
`next-sitemap` 라이브러리를 사용해서 쉽게 sitemap 만들고 검색엔진에 등록하자.
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 블로그 Github Pages에 자동 배포하기
Github Action을 활용하여 자동으로 Github Pages에 배포되도록 하자.
기술 블로그를 만들 때 고려해야 할 점
블로그를 만들 때 어떤 것들을 고려해야 할까? 🤔
Next.js 블로그 글 페이지 만들기
glob를 활용하여 디랙토리 기반으로 페이지들을 생성해보자 🤔
Next.js 블로그 글의 추가 정보 파싱하기
gray-matter, reading-time 등을 활용하여 글에 대한 추가 정보를 알아내자.
Next.js mdx plugin
`next-mdx-remote`에서 플로그인으로 이쁜 결과물을 만들자.
라이브러리없이 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)
모듈을 다운 받다가 아래 에러를 마주쳤다.. Error: Your platform and architecture (Darwin-arm64) is unsupported. Intel 프로세서 아키텍처는 x86_64 이고 Apple Sil...
CSS-in-JS 라이브러리들에 대한 고찰
다양한 CSS-in-JS 라이브러리가 있는데 이들은 어떤 차이점이 있을까? 더 나아가 어떤 상황에서 어떤 라이브러리를 사용하면 좋을까? 🍀
styled-components 과 emotion, 도대체 차이가 뭔가?
styled-components vs emotion 💥 도대체 차이가 뭘까??
2022 카카오 블라인드 공채 합격 후기
2022 카카오 블라인드 공채 ✨ 카카오 본사 합격 후기 ✨
5개월간 스타트업에서 굴렀다. 그리고 얻었다.
2021.07.05 ~ 2021.11.26