React

참고 https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/모든 리액트 컴포넌트에는 라이프 사이클을 가진다. 컴포넌트의 수명은 페이지에 렌더링되기 전 준비 과정에서 시작해 컴포넌트가 페이지에서 사라질 때

useEffect Hooks는 React 16.8버전에 새로 추가되었다. 컴포넌트가 렌더링 될 때마다 특정작업을 실행할 수 있도록 하는 Hook클래스형 컴포넌트에서 사용할 수 있던 생명주기 메소드를 함수형 컴포넌트에서도 사용할 수 있게 된 것이다.⚒ 기본 형태useEf

리액트를 사용하기 전까지 우리는 특정 태그에 접근할 때 document.getElementById() 를 사용했다.하지만, 리액트는 실제 DOM이 아닌 virtual DOM(가상돔)을 다루기 때문에 document.getElementById()으로 접근했을 때 문제가

: 특정 조건에 따라 다른 결과물을 렌더링 JavaScript에서의 조건 처리와 같이 동작한다. if 나 조건부 연산자 와 같은 JavaScript 연산자를 현재 상태를 나타내는 엘리먼트를 만드는 데에 사용. 사용자의 로그인 상태에 따라 조건을 걸어 위 컴포넌트 중 하

커링(Currying) 기법 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법. 인자가 n개인 함수를 n개로 분리하여 사용하게끔 만드는 기법입니다.

자바스크립트에서 하나의 item과 여러 개의 item을 처리하는 2가지 방법(Async, sync)이 있다. Async는 비동기 방식으로 흔히 알고 있는 setTimeout, event 등이 있습니다. async한 상황에서 우리가 처리하던 방식은 callback 또는

MDN에서는 “DOM은 HTML, XML document와 상호작용하고 표현하는 API이다. DOM은 browser에서 로드되며, Node(이하 노드) 트리(각 노드는 document의 부분을 나타낸다)로 표현하는 document 모델이다. 위의 설명으로, Docume

Next 프레임워크와 React 프레임워크를 사용하면서 두 가지 차이점에 대해 궁금증이 생길 것이다.React.js는 많은 스타트업 및 대기업에서 프론트엔드 프레임워크로 사용하고 있는데, Next.js는 사실상 React.js와 많이 다르면서 취업하는데 있어 다른 개발