기록하고 싶은 것들

App.js import logo from './logo.svg'; import './App.css'; function App() { return ( WEB html css js Welcome Hello, WEB ); } export default App; 서로 연관된 것을 모아서 이름 붙이기 복잡한 태그를 하나로 묶어서 사용자 정의 태그 만들기 React에서 사용자 정의 태그를 만들 때는 대문자로 시작 React에서는 사용자 정의 태그를 Component 로 지칭 Component 적용 예 import logo from './logo.svg'; import './App.css'; function Header(){//컴포넌트 생성(대문자로 시작) return WEB } function Nav(){ ret..

index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; // App.js 파일로 부터 App 태그가 왔음을 나타냄 import reportWebVitals from './reportWebVitals'; ReactDOM.render( //오른쪽 동작 UI , document.getElementById('root')// id값이 root인 태그로 렌더링 되라는 코드 ); App.js import logo from './logo.svg'; import './App.css'; function App() { return ( Hello React! // 원래 내용..

온라인 플레이 그라운드 개발 환경을 설치할 필요가 X ex) stackblitz 바로 실행 가능 추천 툴 체인- 수업에서 배우는 모든 환경을 기본적으로 제공 그 중 create-react-app 사용 터미널에서 명령어 사용 npx create-react-app my-app npx를 사용하려면 node js 설치 둘 중 원하는 버전 설치 npx create-react-app . VS 터미널에 명령어 입력 npm start 입력 시 샘플 애플리케이션 생성

React의 기능 연관된 코드를 그룹핑하고 이름 붙여 단순한 태그로 복잡한 태그 숨기기 직접 만든 태그 사용 핵심적 역할- 사용자 정의 태그 만들기 class vs function 요즘은 함수형으로 사용