자니노트

import React from 'react'; class MyComponent extends React.Component { constructor(props) { // 생성함수 super(props); } componentDidMount() { // 상속받은 생명주기 함수 } render() { // 상속받은 화면 출력 함수, 클래스형 컴포넌트는 render() 필수 return Hello, {this.props.name}; } } export default MyComponent; //다른 JS파일에서 불러올 수 있도록 내보내주기 출처: https://goddaehee.tistory.com/299 [갓대희의 작은공간:티스토리]

윈도우 환경에서 개발 환경 구축 [필요 사항] Node.js 설치 방법 Installer nvm (Node Version Manager) Chrome : Web Browser(추천) Git : 소스 형상 관리 Visual Studio Code(VSCode) : 개발 IDE [NPM(Node Package Manager) 설치여부 및 버전 확인 ] > npm -v 6.14.8 [create-react-app 모듈 설치 ] > npm install -g create-react-app + create-react-app@5.0.1 added 67 packages from 27 contributors in 5.832s [create-react-app을 활용한 프로젝트 생성 ] 프로젝트를 생성할 디렉토리로 이동 후..