프로젝트 생성리액트 동작 방식 : 모든 react application을 div\`\`\`javascript// index.jsReactDOM.render(, document.getElementById("root"));props 전달props 사용샘플데이터 배열동적 데
2.2 Variables 2.13 Conditionals 문자열 타입 숫자로 변환 3.2 Searching For Elements 3.3 Events HTML 요소 style 변경(inline-style) 3.5 More Events 이벤트 등록 > addEv
캔버스 생성(width, height 반드시 필요)css 테두리 그림자버튼 클릭시 살짝 줄어드는 효과button, input 등 브라우저에서 기본적으로 적용되어있는 style을 초기화 시키는 방법range버튼 만들기마우스 x,y좌표 받아오기마우스 클릭 좌표screenX
검증 기능이 있는 useInputeffect, dependency(배열:적용할 대상들) 인자로 전달dependency가 없는 경우 : 매번 실행dependency가 빈 배열인 경우 : 처음 한번만 실행dependency가 있는 경우 : 처음과 dependency안의 값
1 PURE REDUX: COUNTER > 그 밖의 store에 내장된 함수 2 PURE REDUX: TO DO LIST store를 수정할 수 있는 유일한 방법은 action 전달 state를 mutate하는 게 아니라 새로운 objects를 리턴 3 REACT
1 SETUP firebase 설치 firebase 설정 > .env파일에 아래와 같은 형태로 저장해야지 create-react-app에서 환경변수로 접근이 가능하다. 이 과정은 단순히 key가 git에 올라가는것만 방지함 > import 절대경로사용 2 AUT
React JS 개요 리액트(React): UI를 효과적으로 구축하기 위해 사용하는 자바스크립트 기반 라이브러리 선언적: 대화형 UI 작성에 유리, 데이터 변경시 효율적인 렌더링 수행 컴포넌트 기반: 컴포넌트 상태 관리 및 효과적인 UI 구성 SSR지원을 통한 검색
페이지 레이아웃 부트스트랩 부트스트랩에서 제공하는 ``를 추가하여 사용 class속성에 이름을 추가하여 부트스트랩 CSS 적용 가능 Grid system: 전체를 12등분하여 관리 col-6: 6/12 col-lg-12: lg크기에서는 12/12 메인페이지 꾸미기
리액트 작성한 코드는 Tooling을 통해 각각 하나의 파일로 통합된다. 리액트 라이브러리 react: 컴포넌트 생성 및 관리(코어) react-dom: 컴포넌트 DOM에 렌더링 > 컴포넌트 렌더링시에 컴포넌트 인스턴스를 전달해야한다. >JSX문법을 사용하는 파