COCSOS - guitar, computer, etc

#바벨 사용하자 #바벨이란? 자바스크립트 코드를 변환해 주는 컴파일러. 바벨은 초기엔 es6->es5 로 변환하는 용도 그 후엔 코드의 주석 제거 혹은 코드 압축용으로 사용한다. 리액트에선 jsx를 createElement를 호출하는 코드로 변환하기 위해 바벨을 사용한다. #리액트에선 function XXXX{ return React.CreateElement ( ... ) } 식으로 만드는 XXXX를 컴포넌트라고 한다 #jsx? 는 뭐지? 쥬아여 홈으로 이 코드는 html이 아닌 jsx문법임 return React.createElement('',null,'text')를 return seetLiked(!liked}>{text}; 로 바로 작성할 수 있게 된다. 이건 html + js 구나! 근데 위 코드는..

w#리액트란? *자동 업데이트 *UI = render(state) *render 함수는 순수함수로 작성할것. 랜덤 함수 X 상태 변경하지 말기 *state는 불변 변수로 관리하기 *가상 돔 virtual dom -> UI 빠르게 업뎃 가능. 변경된 부분만 실제로 적용하여 불필요한 업뎃 X 순수 자바스크립트가 더 빠르긴 하다 #순수 리액트란? React는 javaScript 라이브러리다. 프레임워크처럼 사용법을 적용해놓았으므로 프레임워크라고 봐도 될지도. 자바스크립트라이브러리 이므로 태그로 로딩만 하면 된다. 설치할 필요가 없다. npm, 바벨등으로 설치하는 것은 다른 라이브러리를 사용하기 위해서 이므로, 순수 리액트만 사용한다는 것은 자바스크립트를 구동할 수 있는 브라우져 + 메모장하나로도 개발할수 있는..