2021-12-15 TIL

Fact

• create-react-app로 리액트환경을 구성했다.
• Github Page로 간단하게 프로젝트를 배포했다.
• 상품페이지, 장바구니, 홈 페이지의 라우팅을 설정했다.

Feelings

• 존나 잘하고싶다.
• redShift는 리눅스에서 사용할수있는 성능 좋은 블루라이트 차단 프로그램이다.(편안함)

Findings

• linux에서 create-react-app을 사용해 리액트 세팅을 했다.

npx create-react-app react-todo
or
npm install -g create-react-app
create-react-app react-todo

로 만들면된다.

• 폴더를 추가 제거하려는데 npm ERR! Error: EACCES: permission denied, access /workspaces/nodejs/ko-shopping’ 라는 에러가 나오면 권한 설정을 해주어야한다.

sudo chown -R younggyulee:staff '/workspaces/nodejs/ko-shopping'

이런식으로 해결하면된다. 폴더에 사용자권한을 주는것 younggyulee는 내 사용자 이름이다.

• 만들어진 리액트안에 파일들을 보면 React.StrictMode 태그가 있는데 이것은 안전하지 않은 것들에 경고를 준다고하며, 문제점들을 찾아준다고한다. 굳이 지울필요는 없을 것 같다.

• react-router-dom 다운받고 간단하게 라우팅 설정을 했더니 아래와같은 에러가 발생했다. 버전이 바뀌면서 라우팅 설정도 바뀌었다. 해당 링크 첨부한다. 개별 라우팅을 할때에는 Routes로 묶어주어야 한다고한다.

  https://github.com/remix-run/react-router/blob/main/docs/getting-started/tutorial.md

Error: A Route is only ever to be used as the child of element, never rendered directly. Please wrap your Route in a Routes.

Future Action

• 코딩테스트 준비도 해야한다!