클로저 (feat. useState)
2024.05.29.
TIL
closure
JS
클로저는 와닿지 않는 개념 중 하나다. 하지만 우리가 사용하고있는 React hook 중 useState도 클로저를 적용했단 사실을 아는가? …
리액트 플로팅 탑 버튼 추가하기
2024.04.16.
Blog
react
css
오늘은 내 블로그에 탑버튼 추가를 해보았다. 글이 지금보다 많아진다면, 메인에서 위로 올라가는게 쉽지 않다고 생각해서 추가하게 되었다.
추가한…
CRA 프로젝트 Vite로 마이그레이션하기
2024.02.27.
TIL
react
vite
CRA와 Vite CRA(create react app)은 리액트 프로젝트를 시작할 때 필요한 개발 환경을 세팅해주는 도구다. CRA의 장점을…
react 프로젝트에서 chart.js 사용하기
2024.01.13.
TIL
chart.js
해당 글은 파이차트로 구현한 기준 글입니다. 설치하기 data 기본 데이터 형태 : 데이터 그래프의 이름값으로 배열의 수만큼 자동으로 채워진…
css로 progress bar 구현
2024.01.12.
TIL
css
progressbar
개요 최근 사이드프로젝트에서 chart.js를 사용하면서 소비 분석을 하는 기능을 구현했다. 파이차트와 함께 카테고리별 progress bar…
gatsby블로그에 다크모드 구현 시 화면 깜빡임 해결하기
2024.01.11.
Blog
darkMode
개요 이번 블로그에 다크 모드를 처음 도입해보게 되었다. 쉽게 생각했던 것과 다르게 과정 중 SSR환경으로 화면 깜빡임 해결에 애를 먹엇다. …
React-Router
2023.11.10.
TIL
React
React-Router
Routing? 라우팅은 기본적으로 url 입력 시 네트워크상에 요청하고 url에 해당하는 페이지를 받아와서 뿌려주는 것을 의미한다. Reac…
utterances VS giscus
2023.11.03.
Blog
comment_develop
개요 구현된 정적 사이트에 댓글 기능을 다는 방법은 여러가지지만 처음에는 utterances를 이용해서 배포했다. 며칠 후 giscus를 알게…
[Error] window is not available during server-side rendering 해결법
2023.10.29.
Blog
Build_Error
개요 블로그 개발을 하다가 글을 본 후 리스트로 돌아갔을 때 선택했던 카테고리와 태그로 링크를 세팅해서 보여주고 싶어 sessionStorag…
실행 컨텍스트(Execution Context) 1
2023.09.26.
TIL
Execution_Context
JS
중요한 부분이라 두 부분으로 나눠서 포스팅하고자 한다.
해당 글에서는 간단한 실행 컨텍스트 개념과 역할, 실행 컨텍스트 스택, 렉시컬 환경에…