리액트 공부일지

** 이 글은 을 참고하여 작성하였습니다. 정리 느낌으로 작성하였으므로 내용이 정확하지 않고 구체적이지 않을 수 있습니다. ** NVM,VsCode까지 설치하고 리액트를 구동시킨 상태이다 snippets 플러그인 설치 snippets : 자동으로 코드 뭉치

템플릿 문자열 var string1 = 'ㅎㅇ'; var string2 = '반가워'; var greeting = '${string1} ${string2}'; 병합 연산자 +보다 간편하다 배열 전개 연산자 기존 문법으로 배열 다루기 var array1 = ['one

이 글은 을 참고하여 작성하였습니다.정리 느낌으로 작성하였으므로 내용이 정확하지 않고 구체적이지 않을 수 있습니다. JSX: JavaScript XML의 줄임말. '자바스크립트에 XML을 추가한 확장형 문법' //오류 리포트 그런데 리액트 서버를 실행하려는 도중 에

프로퍼티의 특징: 컴포넌트 내부에서 값을 바꿀 수 없다.값을 바꾸려면 state를 사용한다.state: 값을 저장하거나 변경할 수 있느 객체. 주로 이벤트에 사용SetTimeout() 함수로 4초 뒤 state에 저장되어 있는 값을 변경생성자 안에 bind,setTim

이 글은 <Do it! 리액트 프로그래밍 정석>을 참고하여 작성하였습니다.정리 느낌으로 작성하였으므로 내용이 정확하지 않고 구체적이지 않을 수 있습니다.이번엔 이론이 길다..생명주기(Lifecycle): 컴포넌트의 생성부터 소멸까지의 과정생명주기 함수는 8종이 있

이 글은 을 참고하여 작성하였습니다.정리 느낌으로 작성하였으므로 내용이 정확하지 않고 구체적이지 않을 수 있습니다. pureComponent Component 클래스를 상속받은 클래스, shouldComponentUpdate()로 state가 갱신되었는지 얕은 비교

이 글은 을 참고하여 작성하였습니다.정리 느낌으로 작성하였으므로 내용이 정확하지 않고 구체적이지 않을 수 있습니다. !스토리북 생략 CSS로 컴포넌트 스타일 적용하기 CDN 방식,파일 방식으로 머티리얼 디자인 적용하기 머티리얼 디자인:구글 디자인 가이드 CDN: