Programming/React (3) 썸네일형 리스트형 Day 03 Component 에 속성을 지정할 때 Props를 사용 하면 좋다. App.js 에서 Dice의 속성값을 Dice.js의 Functio Dice 의 인자 값으로 전달 받아 사용 가능. Dya 02 JSX 문법 = JS 문법에서 HTML 태그를 사용 하는 문법 속성 중에 Class 속성을 추가 하려면 JS에 class와 충돌 되므로 className 으로 사용 from 태그에 사용되는 label 태그에 for 속성을 사용 하게 되는데 이때는 htmlFrom 으로 사용 이벤트 핸들러(onblur, onfocus, onmousedown ... )는 카멜표기법 사용 -> onBlur, onFocus, onMouseDown 하나로 감싸진 태그를 사용 해야함 그래서 또는 축약형인 을 사용 함 JSX문법에서 JS문법을 사용 하는 방법 다음 과 같이 사용 가능 Hello 대신에 다른 글자가 올때는 반드시 앞글자가 대문자 일 것. 이벤트 핸들러 속성 사용 예시 Day 01 Node.js 설치 합니다. https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org vscode에 디렉토리를 추가하고 터미널(⌃⌘)을 열어서 다음을 입력 합니다. npm init reate-app . (디렉토리명은 소문자로만 작성해야함) npm run start 으로 시작하면 개발모드 시작됨. port 변경은 시작 명령어 앞에 PORT=[사용할포트] : $PORT=38080 npm run start package.json 파일 내용 수정 export = mac,linux set = windows "scripts": { "start": "export PORT=.. 이전 1 다음
