프론트엔드

각 HTML 엘리먼트에 대한 정보를 지니고 있는 JavaScript 객체브라우저에서 실제로 보여지는 DOM이 아니라 메모리에 가상으로 존재하는 DOM상태가 업데이트 되면 업데이트가 필요한 UI를 메모리에 있는 Virtual DOM에 렌더링을 하고비교알고리즘을 사용해서

컴포넌트가 보여줘야할 내용이 사용자의 상호작용에 따라 동적으로 값이 바뀌어야 할 때 사용할 수 있는 React Hooks 중 하나이다.useState는 배열을 리턴하는데 첫 번째 인자는 state의 초깃값이고, 두 번째 인자는 값을 갱신할 수 있는 함수이다.useSta

리액트에서 어떻게 이미지를 여러장 업로드 시키고 미리보기를 어떻게 구현하는지 설명하려고 한다. 우선 input[type="file" multiple]을 통해 이미지를 업로드하면 다음과 같은 결과를 얻을 수 있다. 단일 이미지 다중 이미지![](https://imag

react-query는 리액트 애플리케이션에서 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 보다 쉽게 다룰 수 있도록 도와주며 클라이언트 상태와 서버 상태를 명확히 구분하기 위해서 만들어진 라이브러리이다.

서버로부터 HTML을 다운로드받고 코드를 위에서부터 아래로 파싱된다. 파싱이 되는 과정에서 CSS 파일을 만나면 CSS 파일을 파싱한다. 파싱이 되는 과정에서 JS 파일을 만나면 진행되던 파싱은 stop되고 JS 파일의 해석이 끝나면 나머지 파싱이 진행된다.

1990년 중반까지는 모두 정적 사이트였다. 서버에 이미 잘 만들어진 HTML 문서들이 있고 사용자가 브라우저에서 특정 주소에 접속하면 서버에 이미 배포된 HTML 문서를 보여주는 방식이다. 정적 사이트의 문제점은 링크 변경 시 다시 서버에서 해당 페이지의 HTML을

Mutability (가변성) Moment.js의 가이드를 보면 최상단에 적혀있을 만큼 중요한 개념이다. moment 객체는 변경 가능하며 더하기, 빼기 또는 설정과 같은 작업은 원래의 moment 객체를 변경한다. 예시를 통해 알아보자. 이미지 기준 momen