프론트엔드

styled-components 설치 타입스크립트 - 타입정의 받기 코드 분리 를 사용할때 보통 테마/전역스타일 코드를 분리하여 사용한다. 추가로 내가 생성할 의 타입을 지정하기 위한 파일을 추가로 생성하자. 스타일-타입정의 모음 : 전역-스타일 모음 : 스타일

오늘은 간단한 리액트 페이지를 GitHub Pages에 배포하는 방법에 대해 알아보겠습니다. 당연하겠지만, 서버가 필요한 페이지는 따로 서버를 연결해주어야하니 여기선 다루지않겠습니다.혹시 몰라서 GitHub Pages에 대한 설명부터 짧게 하고 넘어가겠습니다. 만약 페

지금까지 CRA(Create React App)를 사용하여 프로젝트를 여러번 만들어왔지만, 생각해보니 완성된 React 웹 또는 앱을 배포해본 적이 없었다.Amazon S3, Nginx, heroku 등등을 이용해 배포하는 방법도 있지만, 나는 github pages로

리액트를 이용하여 개발할 때 react-router를 이용하여 페이지 이동을 하게된다.이는 spa를 활용한 방법인데 아쉽게도 깃허브 페이지에선 spa를 지원하지 않아페이지 이동 시 404에러를 띄우게 된다.~.com/abc에서 ~.com/abc/def로 이동 시 404

새로운 회사에선 npm대신 yarn을 활용한다고한다.앞으로 yarn을 주력으로 사용하기위해 npm과의 차이점은 무엇인지 또 yarn이란 무엇인지 알아보자npm과 yarn은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자입니다. 전 세계의 개발자들이 자바

useNavigate는 페이지를 이동할 때 사용된다.Link를 써도 페이지 이동을 시킬 수 있지만 단순하게 이동만 시켜야 하는 경우 Link를 사용하면 좋고useNavigate를 사용하면 특정 이벤트가 실행됐을 때 동작하도록 하거나 추가적인 로직이 필요한 경우 useN