리액트

프로토타입을 만드는 과정에서 리액트 프로젝트 생성 과정을 한 번 정리하면 좋을 것 같아 쭉 정리해 본다.작업시 사용되는 사내 스택도 같이 정리할 예정이기 때문에 주의해서 보길 바란다.npm install -g create-react-appnpm install -g 옵션

가상 클래스(pseudo-class)란 css 의사클래스, (가상 클래스) 는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할수 있다. id 선택자나 class 선택자로 사용할 수 없는 요소들을 선택하는 선택자다. 가상 클래스는 요소의 속성 값

전역적으로 사용되는 불변 변수를 선언하고 싶다면.env 파일을 이용해 환경변수를 생성하면 된다.프로젝트 root 경로에 아래 파일 생성하고변수를 선언할 때 REACT_APP\_ 을 접두어로 붙여서 환경변수를 선언한다.불러올 때는 별도의 import 처리 없이 어디서든

벨로퍼트님 리액트 라우터 v6 튜토리얼 을 읽고 재 정리하고, 내용을 추가한 글입니다.웹 어플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는 것을 의미한다.웹 어플리케이션을 만들 때 프로젝트를 하나의 페이지 혹은 여러 페이지로도

주소 라우팅의 마지막 값을 받아 공통 컴포넌트에 전달하는 로직이 있었다.위처럼 라우팅 구분의 길이가 모두 달라서,원래의 코드에서는useEffect hook을 이용해 렌더링이 일어날 때 마다document 객채의 현재 주소값을 가져와,문자열 / 를 기준으로 나눈 뒤마지막