메모장

: 리액트에서의 속성 어떻게 우리가 만든 컴포넌트에 속성을 부여????function Header(props) { return ( {props.title} );}function App() { return ( );}컴포넌드 사용시 title = "REACT"와 같이 속성처럼 사용생성한 함수에 props라는 이름의 매개변수로 받음 / 이름은 상관없지만 다들 props라 사용함props는 객체로title : "REACT" 를 저장함전체 코드import logo from "./logo.svg";import "./App.css";function Header(props) { return ( ..

그룹화 : 정리정돈! - 연관될것 모아 이름 붙이기 반드시! 사용자 정의 태그 이름의 첫글자는 대문자!function Header() { return ( Web );}위와 같이 만들어 와 같이 사용 가능함import logo from "./logo.svg";import "./App.css";function Header() { return ( Web );}function Nav() { return ( html css js );}fun..

설치리액트 설치sudo npx create-react-app 폴더나는 자꾸 오류가 나서 앞에 sudo를 붙였더니 설치됨 실행npm start   수정리랙트가 설치되면 아래와 같이 폴더와 파일이 생성됨index.js = 입구 : 여러 전역적인 설정 app.js : 화면에 보여지는 ui app.css : 화면에 보여지는 디자인 index.js 코드를 보면 root 가 나옴 --> 이 루트는 어디에?public -> index.html 에!: 직접 표시되진 않지만, index.js에 의해 렌더링된 결과가 출력됨  배포위의 실행 페이지는 개발을 위한 페이지 -> 배포하기엔 용량이 너무 크고 무거움npm run buildbuild : 배포판을 만드는 과정 build 폴더가 생성됨index.html을 보면 공백도 ..