오늘은 TodoList를 만들어 볼 것이다. 내가 할일을 작성하고 추가하면, 아래와 같이 체크박스로 나타나는 형태로 만들어주고 완료를 했을때 오른쪽과 같은 화면을 만들어보자 📘 APP.js 1. components 폴더의 components/R05_todolist1.js를 사용 import TodoList1 from './components/R05_todolist1'; 2. TodoList1으로 불러오기 function App() { return ( {/* R05_todoList1 */} ); } export default App; 📘 R05_todolist1.js const TodeList1 = () => { // 할일을 저장할 변수 // -> 상태가 변하면 컴포넌트 (TodeList1)을 리랜더링 c..
리엑트
🤔 클래스형 컴포넌트 js 폴더를 만들때에 대문자로 작성해야한다 (Exam1.js) Component 상속 받기 render () 함수 작성하기 (필수) 만든 class를 export deault 지정하기 🤔 함수형 컴포넌트 js 폴더를 만들때에 대문자로 작성해야한다 (Exam2.js) 함수 설정하기 return 구문에 출력하고자 하는 html 코드 작성 만든 함수를 export default 지정하기 ➰ 클래스형 컴포넌트 만들기 📘 Exam1.js ◾ js 폴더를 만들기 ◾ Component 상속 받기 ◾ render () 함수 작성하기 ( 필수 ) ◾ 만든 class를 export deault 지정 📘 App.js ◾ components 폴더의 Exam1.js를 가져와서 사용을 이름 지정 후 작성해주..
