const dev = BE.FE

요근래 리엑트를 진짜 본격적으로 해야겠다 다짐하고 연차중 공부를 하였다. 리엑트에 가장 기본이 되는 props state를 알아보자 props = 읽기만 가능한 상태값 (수정불가) state= 내부에서 선언 한다음 수정이 가능한 상태값 (수정가능) js와 비교하자면 let or const 인 느낌인거같다. 개인적인 느낌이지만 이게 맞는건지는 잘 모르겠다.

리액트 애플리케이션을 작성할 때 하나의 리엑트 컴포넌트로 작성해도 된다는 점을 알고 있나요? 하나의 거대한 컴포넌트 안에 애플리케이션 전체를 넣는다고 해도 기술적으로 불가능한 것은 전혀 아닙니다. 거대한 render 메소드와 엄청 많은 인스턴스 메소드, 수많은 상태가 있을 것이고 아마도 모든 생명주기 훅(lifecycle hook)을 사용해야 할 겁니다. (shouldComponentUpdate와 componentWillUnmount는 예외겠네요. 항상 상태가 갱신된 데다 컴포넌트가 언마운트 될 일이 없으니까요!) 이 방법을 사용하면 다음 문제를 마주하게 됩니다. 성능이 저하될 수 있습니다. 상태 변화가 일어날 때마다 애플리케이션 전체를 새로 그리게 됩니다. 코드 공유와 재사용성이… 쉽지 않을 겁니다. ..

1. React 에서의 "컴포넌트"는 HTML을 반환하는 함수 2. React의 장점은 화면 추력에 특화된 프레임워크 리엑트 컴포넌트는 간단한 예시를 들어 어릴때 가지고 놀던 레고라고 생각하면 된다. 하나하나 차례대로 원하는 부위에 원하는 것만 넣을수 있다는것. 위에 말했듯이 리엑트는 HTML을 반환하는 함수라고 지칭했다. 만약에 나는 nav부분만 가져오고싶어, 또는 나는 footer 부분만 가져오고 싶어 한다면 다른거 필요없이 원하는 것만 가져오면 된다는 것이다. 3. JSX는 뭔가요? JSX는 기존 자바스크립트 구문이 아닌 syntax가 아니지만 사용할수 있도록 하는 자바스크립트의 extension중 하나이다. JSX는 React에서 사용하는것이 대표적인데 Babel 이란 자바스크립트 컴파일러를 이용..