Class 컴포넌트를 사용해서 state 값을 증가시키려면 class App extends Component { state = { count: 0, }; // state를 정의해야하고 modify = (n) => { this.setState({ const: n, }); }; // 그걸 정의해야하고 render() { const { count } = this.state; // 패스해야하고 return ( {count} this.modify(count + 1)}>Increment ); } } export default App; 이렇게 하나하나 다 지정해줘야했다. 반면 hook을 사용해서 state 값을 증가시키려면 const App = () => { const [count, setCount] = useSta..

1. cmd 창으로 원하는 경로를 연 뒤 2. npx create-raect-app 원하는프로젝트이름 3. vscode로 자동 생성되어있는 해당 프로젝트 폴더를 연다 4. npm start를 하면 주소가 나타남.

오늘 차장님께 react에서 module.css의 중요성을 들었다. 책의 내용과 인터넷 검색 결과를 취합하여 나만의 것으로 만들어보고자 한다. -모듈 css란? : css를 불러와서 사용할 때 클래스 이름을 [파일이름]_클래스명_해시값 형태로 자동으로 만들어준다. 앞뒤로 파일명과 해시값이 붙어 자동으로 고유해지기 때문에, 흔한 이름으로 클래스명을 지정해도 괜찮다. (이 스타일을 직접 불러온 컴포넌트 내부에서만 작동하기 때문) * 모듈로 적용한 스타일 명을 여러개 쓰고 싶다면? 또는 (이건 처음알았다. 짱 신기하다) * 모듈 css 안에서, 만약 특정 클래스명이 모든 페이지, 즉 전역적으로 사용되어야 한다면? :global .example { } 이렇게 글로벌 css임을 명시한다. 앞에 global을 붙여..