Coding Feature.

src 폴더 내 index.js 입구 파일. index.js에 적힌 코드 내용대로 실행된다. index.js 내 가 실제 홈페이지 화면 UI의 전체. import App from './App'에서 가져온 것. 즉 같은 디렉터리에 있는 App.js의 App() 함수가 동작. index.js는 전역적인 설정이 들어간다.(입구) App.js 내 App() 함수 내에서 실제 코딩을 통한 UI 구현. App.css는 스타일 관리. index.js 내 ReactDOM.render( document.getElementById('root') ) 는 태그가 Id 값이 root 인 태그로 렌더링 되어라는 의미. Id 값이 root인 태그는 public 폴더 내 index.html에 존재. 이전 npm start는 배포가 ..

React는 사용자 정의 태그를 만들 수 있게 해준다. 클래스 또는 함수로 사용 가능. React 홈페이지의 Create React App 사용. Create React App (create-react-app.dev) Create React App Set up a modern web app by running one command. create-react-app.dev 커맨드창에 npx create-react-app (프로젝트 디렉터리명) 입력해서 실행. npx 명령어 실행 위해 node.js 설치 필요. node.js 설치 후 visual studio code와 같은 에디터에서, 본인이 사용할 프로젝트 디렉터리를 연다. vscode에서 새 터미널 열고 npx create-react-app . 입력 '...

(코드내용)을 그대로 (파일명).js로 만든다. 코드 내용이 쓰여질 를 작성하면 파일명.js에 담긴 JS 코드를 불러온다. 라이브러리, 프레임워크 JS 라이브러리:jQuery CDN 통해서 불러오기 가능. 를 에 추가 'Ctrl+/'를 누르면 드래그 한 부분 주석 처리 가능. jQuery 이용해서 반복문 없애기. while(i

객체는 정리 정돈. 서로 연관된 함수, 변수를 grouping. 객체{}는 배열[]과 달리 순서가 없다. var coworkers = { "programmer" : "egoing", "designer" : "leezche" }; document.write(coworkers.programmer); 또는 document.write(coworkers["programmer"]); 출력 egoing. 객체 추가 시, coworkers.bookkeeper = "duru"; 또는 coworkers["bookkeeper"] = "duru"; 는 var coworkers = { "programmer" : "egoing", "designer" : "leezche", "bookkeeper" : "duru" }; 로 추가 객..