개발정복, 로맨틱. 성공적

State 처음부터 자기자신이 들고있다 state 안에는 객체여야함 state는 내부에서 변경할 수 있고 변경할땐 언제나 setState()함수로 사용함 변경할수있다 constructor컴포넌트를 만들때마다 호출되는 함수

Props(중요) 리액트에서 데이터를 다룰때 사용되는 용어 값을 넣어줄때 부모가 자식한테 넘겨주는거(중요함) 함수형 컴포넌트 그대로 받아지게 해서 작성하는것 비구조화 할당 구조 분해 할당 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. developer.mozilla.org

3편: JSX · GitBook 3편: JSX 리액트 컴포넌트에 대하여 조금 더 자세히 알아봅시다! 컴포넌트 파일 파헤치기 이전에 만든 hello-react 프로젝트를 열어보세요. 다음과 같이 프로젝트가 구성되어 있을 것입니다. 리액트를 사용하면 여러분의 웹 애플리케이션에서 사용하는 유저 인터페이스를 재사용 가능한 컴포넌트로 분리하여 작성함으로서, 프로젝트의 유지보수성을 우수하게 해줍니다. 여기서 컴포넌트에 해당하는 코드는, App.js 에서 확인해볼 수 있습니다. 한번 열어보세요. i react-anyone.vlpt.us 리액트 자바스크립트 사용방법 background-color 대쉬가 들어가는게 아니라 대문자로 사용을 한다 이렇게 사용하면됌 클래스를 만들때 원래는 class -> className 을..

JSX html 같지만 자바스크립트로 변환됨 지켜야할 규칙이 있다 화살표 함수 화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 화살표 함수는 항상 익명입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합합니다. 그래서 생성자로서 사용할 수 없습니다. developer.mozilla.org input type 꼭 닫아줘야함 예시) 태그를 닫아주지 않아서오류남 태그를 닫아주면 오류가 나지 않음. 하나의 엘리먼트로 감싸져있어야함 예시) hello good Fragment 를 넣으면 굳이 div를 사용할 필요없음 hello good jsx 안에 자..

리액트 만든 이유 : 지속해서 데이터 변화하는 대규모 애플리케이션을 구축하기 위해 리액트를 만듬 리액트 변화목록을 빨리 알아채서 전과 바뀌는 이후를 확인하고 바뀔부분만 수정이 되는것. WEBPACK : 코드들을 의존하는 순서대로 합쳐서 하나또는 여러개 파일로 만듬. 웹프로젝트를 만들때 파일들을 관리해주는 도구 Babel : 자바스크립트 변환도구 바벨 -> 스크립트도 변화는 과정을 거쳐서 새로 만들어줌 리액트 editor React Basics - CodeSandbox The online code editor tailored for web applications codesandbox.io CodeSandbox: https://codesandbox 리액트 프로젝트 시작하기: https://bit.ly/beg..