클래스형 컴포넌트의 경우 라이프사이클 메서드를 사용할 수 있고, 임의 메서드를 정의할 수 있다. 또한 반드시 render 메서드를 통해서 JSX로 작성된 내용을 렌더링해주어야한다. 반면 함수형 컴포넌트의 경우 클래스형에 비해 선언이 좀 더 편하고 메모리 자원을 적게 사
라이프사이클 메서드에 대해서 설명해주세요.라이프 사이클 메서드는 리액트에서 컴포넌트가 브라우저상에 나타나고, 업데이트되고, 사라지게 되는 생명주기에 따라 호출되는 메서드들 입니다. 대표적으로 클래스형 컴포넌트에서 jsx를 렌더링해주는 render와 첫 렌더링 시 실행되
HTTP 프로토콜은 비연결지향(Connectionless)과 무상태(Stateless)라는 특징이 있다. 즉, 클라이언트의 로그인 정보나 브라우저에서 입력한 값 등이 페이지를 이동할 때 유지되지 않는 것이다. 이러한 한계를 보완하기 위해 사용하는 것이 쿠키, 세션, 웹
GET은 데이터를 조회하기 사용되는 메서드로 요청을 전송할 때 데이터를 쿼리스트링에 담아 요청한다. 따라서 데이터가 노출되기 때문에 중요한 데이터의 전송할 때에는 사용하기 어렵다. 또한 GET은 멱등성을 보장받아 웹브라우저는 캐시데이터에 응답을 미리 기록해둘 수 있다.
웹팩은 여러 개의 파일을 하나의 파일로 합쳐주는 static Module bundler이다. ES6부터 모듈이 도입되었고, 이를 파일 단위로 관리하기 위해 웹팩을 사용한다. 또한 번들링을 통해 네트워크 통신비용과 로딩시간 또한 줄어들게 된다.웹팩은 자바스크립트 어플리케
inline과 inline-block의 차이는 무엇인가inline 속성의 경우 태그 내의 텍스트 분량 만큼만 영역을 차지하며, 넓이나 높이 그리고 padding-top/bottom과 margin-top/bottom을 적용할 수 없다. 하지만 inline-block의 경
원시타입(Primitive Type)중 하나로, 변수를 선언한 후 값을 할당하지 않은 상태이다.선언한 후에 값을 할당하지 않은 변수나 값이 주어지지 않은 인수에 자동으로 할당된다.undefined는 자료형이 없는 상태로, typeof로 확인했을 때도 undefined가
함수형 컴포넌트 또한 jsx를 반환하는 함수이다.컴포넌트가 렌더링 된다는 것은 그 함수(컴포넌트)가 호출되어 실행된 것이며, 함수가 실행될 때마다 내부에 선언되어 변수나 다른 함수들도 매번 다시 선언되어 사용된다.컴포넌트는 자신의 state가 변경되거나, 부모에게서 받
prop drilling, 프로퍼티 내리꽂기, threading 등으로 불린다.React 컴포넌트 트리의 일부로 데이터를 전달하기 위한 프로세스. props를 통해 데이터를 전달하는 과정에서 중간 컴포넌트는 그 데이터가 필요하지 않음에도 자식 컴포넌트에 전달하기 위해
React의 state를 변경시키는 것은 useState이다. state가 변경되면 컴포넌트는 리렌더링되는데, 이 때 React는 이를 비동기로 동작시킨다.위의 컴포넌트에서 button을 클릭하게되면 두 번의 state변경이 있었기 때문에, 렌더링도 두 번 일어날 것