Component에 원하는 값을 넘겨줄 때 사용한다.변수, 함수, 객체, 배열 등 JavaScript의 요소라면 제한이 없고 주로 재사용을 위해 사용한다.Props의 값을 임의로 변경하면 안 되고, 값을 바꾸고 싶으면 새로운 변수를 생성해야 한다.안 좋은 예좋은 예Ke
컴포넌트에서 데이터 관리를 하는것이 State데이터가 변경될 때 상호작용을 할 때 Effect를 사용한다.이런 useState가 바로 State Hook이다.Hook은 React 함수 내에서만 사용이 가능하다. Hook의 이름은 반드시 'use'로 시작해야 하며 최상위
React 스타일링을 하는 데에는 많은 방법이 있고 오늘은 그것에 대해 공부했다.그 중 하나가 css파일을 import해서 사용하는 것이다. 필요한 스타일을 하나의 파일에 작성하고 그것을 import하는 것이다. 이것에 장점은 단순히 CSS 파일만 import하여 사용
Promise 체인을 구축하지 않고도, Promise를 직관적으로 사용할 수 있는 문법이다. 많은 프로그래밍 언어에 있는 try...catch 문으로 에러를 직관적으로 처리한다. async function을 만들고, Promise를 기다려야 하는 표현 앞에 await을
초기에는 서버에서 모든 데이터를 로드하여 페이지를 빌드했으나 Ajax 기술의 등장으로 페이지 로드 없이 client-side에서 서버로 요청을 보내 데이터를 처리할 수 있게 되었다. XMLHttpRequest라는 객체를 이용해 서버로 요청을 보낼 수 있게 되었다.자바스
MPA는 서버에 미리 여러 페이지를 두고, 유저가 네비게이션 시 요청에 적합한 페이지를 전달한다. 미리 서버에서 전체 페이지를 빌드해 브라우저로 전송되며 서버에 라우팅을 처리하는 기능으로 서버에서 여러 페이지를 관리한다. 페이지 요청마다 모든 리소스를 다시 받아오므로
HTML element를 하나의 상자로 간주하고, 그 안에서 어떻게 내부 item을 배열할 것인가를 스타일 하는 모델, 1차원의 레이아웃을 디자인하는 데 사용된다.Flex container - Flexbox 아이템을 담는 컨테이너Flex Item - 컨테이너 안에 담긴
상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것을 말한다. 한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함한다.상태가 많지 않거나, 유저와의 인터렉션이 많지 않다면 매