기록저장소

19강. 이벤트 state props 그리고 render 함수 class App extends Component{ constructor(props){ super(props); this.state = { // //읽기, 클릭 구분을 위한 mode mode:'welcome', subject:{title:"WEB", sub:"World wide Web!"}, welcome:{title:"welcome", desc:"Hello, React!"}, // contents:[ {id:1, title:'HTML', desc: 'HTML is ..'}, {id:2, title:'CSS', desc: 'CSS is ..'}, {id:3, title:'JS', desc: 'JS is ..'} ] } } //↑ props o..

13강. props class Subject extends Component{ render(){ return( {this.props.title} {this.props.sub} ); } } class App extends Component{ render(){ return( ); } } 14강. React Developer Tools 개발자 도구에서 리액트 컴포넌트 확인 가능, 임시 수정 가능 15강. Component 파일로 분리하기 //TOC.js 생성 //error. 'Component' is not defined 해결 //react에서 {component} 노드 로딩 import React, { Component } from 'react'; class TOC extends Component{ rend..

7강. JS 코딩하는 법 //index.html //index.js const root = ReactDom.createRoot(document.getElementById('root')); root.render(

4강. npm을 이용해서 create-react-app 설치 1. npm을 이용하여 create-react-app 설치하기 1) node.js 설치 : https://nodejs.org/ko/ 2) cmd 창 열기 : window+R -> cmd *cmd : 컴퓨터를 명령어를 이용하여 제어하는 프로그램 npm -v//npm 버전확인 3) 설치하기 npm install -g create-react-app sudo npm install create-react-app//권한이 없을 경우 3-1) npm 또는 node의 버전 업그레이드를 요구할 때 npm install -g npm@8.15.1//npm 버전 업그레이드 node버전 업그레이드 : https://nodejs.org/ko/ 에서 최신버전 재다운로드 ..