진행 공부
오전 web3school (js, html, css 10개씩 ),
오후 react doc (1시간 30) , base web
html
Tip: It is almost always best to use relative URLs. They will not break if you change domain.
W3C recommends lowercase attributes in HTML, and demands lowercase attributes for stricter document types like XHTML.
React Doc
Create React App는 Babel이나 webpack같은 build 도구를 사용
JSX도 표현식입니다
컴파일이 끝나면, JSX 표현식이 정규 JavaScript 함수 호출이 되고 JavaScript 객체로 인식됩니다.
주의: 컴포넌트의 이름은 항상 대문자로 시작합니다.
React는 소문자로 시작하는 컴포넌트를 DOM 태그로 처리
모든 React 컴포넌트는 자신의 props를 다룰 때 반드시 순수 함수처럼 동작해야 합니다.?
constructor 메서드는 class 로 생성된 객체를 생성하고 초기화하기 위한 특수한 메서드입니다. "constructor" 라는 이름을 가진 특수한 메서드는 클래스 안에 한 개만 존재할 수 있습니다.
constructor는 부모 클래스의 constructor를 호출하기 위해 super 키워드를 사용
state 업데이트는 비동기적일 수 있음 -> state계산 시에 해당 값에 의존하면 안됨
이를 수정하기 위해 객체보단 함수를 인자로 사용하는 다른 형태의 setState 사용
state와 생명주기 다시 읽기
React에서 key는 힌트를 제공하지만 컴포넌트로 전달하지는 않습니다.
가독성을 위해 변수로 추출해야 할지 아니면 인라인으로 넣을지는 개발자가 직접 판단
변수에 할당하여 렌더도 가능!
map() 함수가 너무 중첩된다면 컴포넌트로 추출
리스트와 key 까지 읽음!
