자본주의를 살아가는 코린이

useEffect는 react의 hook함수 입니다. 이 함수는 컴포넌트가 마운트 완료한 후 항상 실행되는 함수입니다. useEffect를 사용하는 이유는 함수컴포넌트에서 side effect를 사용하기 위해서라고 합니다. 데이터 가져오기, 구독(subscription) 설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는 것까지 이 모든 것이 side effects입니다. 이런 기능들(operations)을 side effect(혹은 effect)라 부르는 것이 익숙하지 않을 수도 있지만, 아마도 이전에 만들었던 컴포넌트에서 위의 기능들을 구현해보았을 것입니다. 한마디로 정리하자면 '컴포넌트 업데이트 전/후 실행해야 되는 동작들을 정의해놓는 곳'이라고 생각할 수 있습니다. useEffect 함수를..

요즘 프론트 엔드 개발 프레임워크의 주요 개념은 '컴포넌트(components)'입니다. 이는 레고와 같습니다. 각 필요한 부품을 만든 후, 그 부품을 결합하여 페이지를 생성하는 것입니다. 이는 생산성의 증가로 이어지지만, 많은 수의 컴포넌트를 관리하므로 코드의 가독성의 감소로 이어질 수 있습니다. 때문에 컴포넌트를 생성할 때 조심히 생성하시는 것이 좋습니다. 리엑트에서는 컴포넌트를 js의 함수 생성방법으로 생성할 수 있습니다.(class도 있지만 함수가 더 쉽습니다.) https://ko.reactjs.org/docs/components-and-props.html Components와 Props – React A JavaScript library for building user interfaces ko..

https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 일단 node를 설치합니다.(LTS버전을 추천드립니다.) 설치 후 터미널창에서 아래 명령어를 칩니다.(이름은 변경) sudo create-react-app 이름 생성된 폴더에서 vscode 를 엽니다. 폴더의 터미널에서 npm start

react가 무엇인가를 알아 보기위한 가장 좋은 방법은 공식홈페이지 입니다. https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 친절하게도 한글로 번역도 되어 있습니다. 한 줄로 줄이면 '선언적이며 컴포넌트를 기반으로 데이터를 효과적으로 보여 주는 라이브러리' 입니다. 좋은 점은 facebook에서 개발하고 여러 방면에서 많이 사용하는 라이브러리 입니다. 이점은 많은 react라이브러리가 존재한다는 의미입니다.(거대한 규모의 커뮤니티) 단점으로는 배우기 어렵고 react만을 사용하여 개발하기 힘들다는 부분이 있겠네요.(이를..