슬랙/디스코드 이모티콘 메이커 프로젝트의 개발 과정과 결과 회고

CORS (Cross-Origin Resource Sharing) 정책에 대해 알아보고 브라우저의 동작 방식을 이해하기

MVC 패턴과 Flux 패턴을 통해 상태관리 라이브러리의 필요성을 알아보고 Redux, Recoil, Zustand 등의 상태관리 라이브러리를 비교하기

CSS와 JavaScript를 이용한 애니메이션의 차이점과 각각의 장단점을 알아보고 requestAnimationFrame을 사용한 애니메이션에 대해 추가적으로 정리하기

브라우저 렌더링 과정에 대해 정리해 보기

JavaScript의 모듈 시스템에 대해 알아보기

프론트엔드에서 에러를 처리하는 방법과 axios에서 커스텀 에러 사용하기

스타일링 라이브러리 유목민이 정리해 보는 비교 글

Next.js로 만든 프로젝트를 정적으로 빌드하여 SSG 형태로 배포하기

NextJS 특정 페이지의 OG(Open Graph) 태그 다르게 적용하기

오래전부터 Google Search Console에 블로그를 등록했음에도 불구하고 생각보다 트래픽이 좋지 않았다. 페이지 색인이 생성되지 않아 발생한 문제였는데, 그중 [리디렉션이 포함된 페이지]를 이유로 많은 페이지들의 색인이 생성되지 않았다.

모두의 시간 프론트엔드 개발 회고글

서비스 링크 공유를 위한 클립보드 복사 기능 및 share api를 보다 간단하게 활용할 수 있는 custom hook 작성하기

CRA로 세팅된 프로젝트를 Vite로 마이그레이션하기

내가 맡은 부분의 QA를 모두 해결하고 미뤄두었던 Tanstack query 도입을 진행했다. React query에 대해서 이전부터 많이 들어왔고, 또 많이 사용한다 하여 꼭 한번 사용해 보고 싶었는데, 다행히 여유 시간이 생겨 직접 도입해 볼 수 있었다!

모바일 환경에서 애니메이션이 동작할 때 잔상이 생긴다면 어떻게 해결해야 할까?

IT 연합 동아리 DND 8기 지원서 작성부터 최종 발표회까지의 과정 회고

Notion처럼 텍스트를 입력하고 엔터를 누르면 새로운 블럭이 만들어지는데, 기존 텍스트의 마지막 음절이 딸려오는 에러가 발생했다.

2021년 2학기 신촌연합IT창업동아리 CEOS 14기 활동을 하며 MailedIt! 팀에 프론트엔드 개발자로 합류했다. 약 한 달 동안 개발을 진행하며 배운 점과 느낀 점을 써 보자고!

axios request interceptors 로 access token 재발급하기

Utterances 댓글을 다른 포스트로 옮겨 보자! Gatsby와 댓글 플러그인 Utterances를 사용하다 보면 아래와 같은 경우가 발생한다. 카테고리명 수정 카테고리 이동 markdown 파일명 변경 하지만 댓글이 변경된 포스트를 따라 자동으로 옮겨지지 않기 때문에 코멘트가 저장되는 repository의 issue를 직접 수정해야 한다.