🌊 TIL : 2023년 3월 23일 SPA SPA의 등장 배경과 개념 : 전통적인 웹사이트에서는 사용자가 웹사이트 내의 다른 페이지로 이동하면, 브라우저가 페이지를 보여주기 위해 HTML파일로 된 페이지 전체를 불러와야 했다. SPA는 Menu와 Footer와 같이 페이지 전환 전후에 중복되는 부분은 새로 불러오지 않는다. 중복 되는 부분을 계속해서 불러오는 것은 서버와의 불필요한 트래픽을 야기하여 더 느린 반응성을 갖게 되고, 1990년대 후반에 업데이트에 필요한 데이터만 서버에 전달받아 이 데이터를 JS가 동적으로 HTML요소를 생성해서 화면에 보여주는 방식이 개발되어 사용되기 시작했다. 2000년대 중반부터는 이러한 개발 방식을 이용한 웹어플리케이션이 보편화 되었고, 이것이 싱글 페이지 어플리케이..

🌊 TIL : 2023년 3월 21일 오늘 배운 것 리액트의 3가지 특징 선언형 : 코드를 자세히 분석하지 않아도 코드의 의도를 분명히 알 수 있는 방식. HTML/CSS/JS로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍 지향 컴포넌트 기반 : 리액트는 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트 기반으로 개발한다. 컴포넌트로 분리하면 서로 독립적이고 재사용이 가능하기 때문에 기능 자체에 집중하여 개발할 수 있다. 컴포넌트 간의 의존성이 없어져서 독립성으로 작동하고, 재사용성이 가능하기 때문에 기능 작동에 집중하여 개발할 수 있고 유지보수가 편하고 유닛 테스트를 하기에도 편하다. 범용성 : 프레임워크의 경우 다른 프레임워크와 함께 사용할..

🌊 TIL : 2023년 3월 21일 오늘 배운 것 fetch() : https://developer.mozilla.org/ko/docs/Web/API/Fetch_API : fetch API는 특정 URL로부터 정보를 받아오는 역할을 한다. 이 과정이 비동기로 이루어지기 때문에 경우에 따라 다소 시간이 걸릴 수 있다. 시간이 소요되는 작업을 요구할 경우 blocking이 발생하면 안되므로, 특정 DOM에 정보가 표시될 때 까지 로딩 창을 대신 띄우는 경우도 있다. let url = "https://koreanjson.com/posts/1"; fetch(url) .then((response) => response.json()) .then((json) => console.log(json)) .catch((e..