Coding Feature.

사용자 정의 태그를 만드는 기능은 React 의 가장 중요한 기능. 사용자 정의 태그 만드는 법. 만약 WEB 위 내용을 사용자 지정 태그로 사용하고 싶다면. function Header(){ return WEB } 를 작성. 이떄 Header()와 같이 첫 문자는 무조건 대문자. return에 사용자 정의할 태그 내용을 그대로 작성. 사용하려면 또는 를 작성. React에서 사용자 정의 태그를 컴포넌트라고 한다. 컴포넌트는 생산성, 유지, 보수, 공유 등 기능성을 높인다.

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