React
1.React 프로젝트 생성 및 react router 및 redux-toolkit 초기 세팅
react를 이용해보려하는데, 초기 세팅을 어떻게 했는지 기록하기 위해 작성해본다.이번엔 javascript로 초기세팅을 해봤다.리액트 시작하기(https://ko.legacy.reactjs.org/docs/create-a-new-react-app.html을
2.React typescript 초기세팅 redux-toolkit + react-router-dom
이번에 프로젝트를 새로 시작하면서 typescript로 react를 시작하려고 하면서 기록할 겸 작성해본다.우선 프로젝트를 타입스크립트로 시작할 것이기에 아래의 방식으로 생성해주었다.javascript로 생성된 프로젝트를 typescript로 만드는 방법이 내겐 현재
3.react-icons 사용하기
우선 사용방법은 아래에서 찾으면되고react-icons 사용방법아이콘은 아래에서 찾으면 된다.react-icons 아이콘 찾기npm install react-icons --save또는yarn add react-icons명령어를 터미널에 입력해준다.react-icons
4.React에서 구글 폰트 적용하기
React django로 프로젝트를 하면서 이제 폰트를 적용시키려고 하다.이전에 했던 방법을 잊어버려서 이번 기회에 다시 작성해본다.Google Fonts먼저구글 폰트에 접속을 해서 마음에 드는 폰트를 찾자.이번에는 Yeon Sung 폰트를 사용해봐야겠다.우측 상단의
5.React 페이지 스크롤 상단으로 끌어올리기
스크롤 애니메이션을 구현하고 나서 보니 하단에서 할 수 있을 만한게 없다.그래서 상단으로 올려야해서 로고를 버튼처럼 만들고 상단까지 끌어올리도록 만들었다.window.scrollTo({ top: 0, behavior: 'smooth' });또는window.scrollT
6.[React] 간단한 텍스트 에디터 시도해보기
예전에 일기를 쓰다가 다시 일기를 써야겠다는 생각이 들었다.그런데 나도 개발자니까 나만의 일기장을 만들면 어떨까란 생각이 들었다.웹으로도 가능하고, 앱으로도 가능하다면 더 좋을 것 같다는 생각이 들어서 우선 웹은 react로 제작하고, 앱은 react native를 이