Step by Step

#3장 3.1 클래스형 컴포넌트 컴포넌트 기본 컴포넌트 Todo Template, TodoInput, TodoList, TodoItem 컴포넌트를 선언하는 방식은 두 가지이다. 함수 컴포넌트, 클래스형 컴포넌트 차이점은 클래스형 컴포넌트의 경우 state 기능 및 라이프 사이클 기능 사용이 가능, 임의 메서드 정의가능 3.2 첫 컴포넌트 생성 class App extends Component{ render(){ const name = 'react'; return {name} } } 클래스형 컴포넌트에서는 render함수가 꼭 있어야하고 반환해야함. 힘수 컴포넌트의 장점 클래스형 컴포넌트보다 선언하기가 편하다. 메모리 자원도 클래스형 컴포넌트보다 덜 사용. 프로젝트를 완성하여 빌드한 후 배포할 때도 결과물..

react_study import "./App.css"; 특정파일을 불러옴(App.css) JSX 보기 쉽고 익숙함, 더 높은 활용도 const root = ReactDOM.createRoot(document.getElementById('root')); root.render() React.StrictMode 컴포넌트 = 레거시 기능으로 경고를 주는 디버깅용 컴포넌트 JSX 내부에서 자바스크립트 표현식 작성 가능 let은 if 내부에선 다른 값을 주고 외부에서 또 다른 값 줄 수 있음 const는 한번 지정하면 변경 불가 function App() { const name='리액트' return( {name === '리액트'?( 리액트입니다. ) :( 리액트가 아닙니다. )} ); } --> function..