리액트🌻

드디어! 리액트 공부를 시작하였다😊알고리즘 주차에서 벗어났다는 것만으로도 행복하다.(물론 꾸준히 계속 풀기로 혼자만의 약속을 했지만😭)제일 처음으로 vscode 터미널에서를 이용해 노드를 설치해주고현재 내 컴퓨터에 설치되어있는 노드의 버전들을 보여주고 저 세개중 초

개발자도구 단축키cmd + alt + ictrl + c누르면 리액트 앱 종료됨

CSS를 편하게 쓰도록 도와줌SCSS는 SASS보다 css와 호완성이 뛰어남SCSS파일 생성, 작성 후 app.js파일에서 import해준다.하지만 아마 브라우저에서는 에러가 날것이다.node-sass패키지 install이 필요하다.패키지 설치 후엔 ctrl+c를 눌려

스파르타 코딩클럽 리액트 강의 따라하며 프로젝트 만들기!vscode 터미널을 연다.프로젝트 생성만든 프로젝트 폴더 안으로 이동 후 시작!app.js파일을 클래스형 컴포넌트로 변경해보기컴포넌트 파일 틀 잡기여기까지 완료!'너'라는 단어를 app.js의 state안에 넣어

공식문서에서 가져오기 npm react-router react router-dom 설치해준다. 공식문서 app.js파일에 붙여넣기 basic routing전체 내용을 복붙해보고 브라우저를 보면 이렇게 주소가 변하는것을 확인 할 수있다. 라우터 안의 각각의 컴

없는 페이지의 주소를 유저가 쳤을때 Not Found의 화면을 띄워주고싶다면 아래의 코드들을 활용해보면 될것같다.route 밖을 Switch로 감싸준다.마지막으로 Switch가 닫히기 전 path가 지정되지 않은 페이지를 하나 추가해주면 끝!