공부(프로그래밍)/ └ React
-
CSS in React공부(프로그래밍)/ └ React 2019. 8. 29. 11:42
container{ position : absolute; } container__ul{ display: flex; } 기존 방식의 HTML이나 JSP에서 CSS를 처리하는 경우 개발자 도구나 소스보기를 했을 때 Class명이나 id명이 노출된다. React에서는 명명한것을 Randomize 해주는 방법이 있다. 1. 파일명에 module 이라고 추가해주기 create-react-app으로 프로젝트를 생성한 뒤 CSS파일을 생성할 때 [파일명.css] 가 아닌 [파일명.module.css]로 생성을 하면 아래와 같이 class명이 임의화 된다. 아, js 파일에서 클래스명을 설정해줄땐 [import한 css파일 변수명.클래스명] 으로 작성해줘야한다 2. styled-component 설치 npm이나 yar..
-
React Router공부(프로그래밍)/ └ React 2019. 8. 28. 14:02
React Router GitHub Page ReactTraining/react-router Declarative routing for React. Contribute to ReactTraining/react-router development by creating an account on GitHub. github.com React Router Official Document React Router: Declarative Routing for React Learn once, Route Anywhere reacttraining.com React Router는 간단한 컴포넌트 묶음이라고 보면 된다! 설치는 npm이나 yarn 이용해서 설치하면 되고 패키지는 자기한테 맞는 걸로 선택하자 Route path :..