초보 개발자

앞서 클래스를 통해 사용자 지정태그를 만들어 보았다. 근데 항상 똑같은 결과만 도출 한다면 재사용성이 떨어지지는 않을까?? 그래서 props를 통해 내용을 바꿀 수 있다.!! class Subject extends Component { render() { return ( {this.props.title} ); } } 이렇게 Subject 클래스에서 h1의 내용안에 {this.props.title} 이라고 적어준다면 App 클래스 안에서 사용자 지정태그를 적어줄때 이렇게 적어준다면 h1 안에 title의 내용이 들어간다!! 근데 app.js에 여러 class를 선언해두면 보기 불편하고 또 다른 파일에서 필요할 땐 못쓰니까 불편하다.. 따라서 !! 따로 폴더를 만들어서 그 곳에 정리를 해두면 된다. src ..

npm i -g create-react-app 를 통해 어디서나 react를 실행 할 수 있도록 만들어 준뒤 react-app 이라는 폴더를 만들고 들어가서 create-react-app . 를해주면 여러 파일들이 설치가 자동적으로 된다. npm start를 해주면 react 웹브라우저가 실행이 되는데.. 이것만으로도 뭔가 개발을 한 것 같아 뿌듯해진다. react는 사용자 지정 태그 를 만들어서 root라는 아이디를 가진 div에 집어 넣음으로써 만들어지는 느낌인 것 같다. 그 사용자 지정 태그 header 이렇게 포함이 되어진다. 정리정돈의 도구이다 ! 실제 자바스크립트는 아니고 유사 자바스크립트라고 할 수 있다. 왜냐하면 와 같은 태그는 자바스크립트에서는 사용할 수 없기때문 "