Articles in this series
그날 그날 공부하거나 정리한 것을 노션에 기록하고 2차로 정리해서 블로그에 옮기는 식으로 하고 있었는데, 블로그에는 대단하고 영양가있는 글을 써야한다는 부담 때문에 계속해서 미루게 된다… 그래서 이제는 짧은 글이라도 배우고 느낀 것들을 블로그에 정리해보려고...
🌎 브라우저 구조 사용자 인터페이스 웹페이지 상단바에 위치한 뒤로가기, 앞으로가기, 새로고침 등등,말 그대로 사용자와 상호 작용하는 인터페이스를 뜻한다 브라우저 엔진 예를 들어, 사용자가 뒤로가기를 누르면 렌더링 엔진에게‘사용자가 뒤로가기를 눌렀으니 이전의...
Next.js 공식 문서를 보면 리액트 프레임워크(React Framework)인 것을 알 수 있다. 그래서 Next.js를 배우기 전에 헷갈리거나 몰랐던 리액트 기본 지식을 간단히 정리해보려고 한다! ㅤ React란? 사용자 인터페이스를 만들기 위한 자바스크립트...
들어가며 유데미 강의를 들으면서 했던 프로젝트를 통해서 Vite의 여러가지 장점이 있다는 걸 느꼈고, 그래서 이번 프로젝트에서는 가볍고 빠른 개발 환경을 구축하기 위해서 Vite + React + TypeScript을 사용해보려고 한다. ㅤ Vite를 사용해야 하는...
시작하며 Pretendard 폰트를 사용해 만든 프로젝트가 다른 유저 환경에서는 이렇게 세리프체로 출력되는 현상을 확인했다. 찾아보니 Next.js 13버전부터 폰트 최적화를 지원한다고 하여, 공식 문서를 읽어 보고 적용해 보았다. 공식문서에 이렇게 폰트 최적화에...
TanStack Query(React Query)란? HTTP 요청을 전송하고 프론트엔드 사용자 인터페이스를백엔드 데이터와 동기화된 상태로 유지하는데 이용하는 라이브러리이다.ㅤ TanStack Query를 사용하는 이유 refetch 캐시 처리 가져온 데이터를...