SPA (Single Page Application) 전통적 웹사이트 : 웹사이트 페이지 전체를 로딩한다. SPA : Menu,Footer 등 중복되는 컴포넌트에 대해서는 새로 불러오지 않는다. SPA의 등장 배경 웹사이트가 보다 복잡해지고 애플리케이션의 형태를 가지게 되면서, 사용자와 서비스간의 더욱 많은 상호작용이 일어나게 되었다. 이 때 마다 중복되는 요소를 새로 불러오게 되면서 서버와의 불필요한 트래픽을 발생시켰다. 사용자 또한 증가하는 불필요한 트래픽 때문에 느린 반응성을 겪었고, 이는 애플리케이션과 같은 사용자 경험을 제공하기 어렵게 만들었다. SPA의 장점 전체페이지가 아니라 부분적인 데이터만 받아서 서버에 요청하기 때문에 처리속도가 빠르다. 서버입장에서도 전체적인 데이터를 넘겨주지 않아도 ..

-React SPA 학습 후 정리하기 -React Tweettler Bare Minimum Requirement 완료하기 -React Tweettler Advanced Challenge 완료하기 -React SPA 관련 유튜브 시청 -Daily coding 11번 풀기. -프로그래머스 1문제 풀기.

Promise,async 등 비동기 개념 익히기 dailycoding 7일차 풀기 구조분해할당 개념 익히기 동기/비동기 과제 통과하기.

ES6 부터 자바스크립트의 표준 내장 객체로 추가 되었습니다. ES6 를 지원하는 브라우저나 Node.js 에서 전역에 있는 promise를 확인 할 수 있다. 프로미스의 3가지 상태(states) 프로미스를 사용할 때 알아야 하는 가장 기본적인 개념이 바로 프로미스의 상태(states)입니다. 여기서 말하는 상태란 프로미스의 처리 과정을 의미합니다. new Promise()로 프로미스를 생성하고 종료될 때까지 3가지 상태를 갖습니다. Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 Pending(대기) 먼저 아래와 같이 ne..

고차함수 메소드 구현 스프린트 베어미니멈 성공 헷갈리는 고차함수 정리하기 블로깅 하기

프로토타입이란? 프로토타입은 원형이라는 뜻을 가진다. 이해를 돕기위해 유전자 라고 이해하겠다. 자바스크립트의 모든 객체는 프로토타입이라는 객체를 가진다. 모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받는다. 이처럼 모든 자바스크립트 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 이떄 상속되는 정보를 제공하는 객체를 프로토타입이라고 한다. 프로토란? __proto__를 활용하여 상속 관계를 확인할 수 있습니다. 지금 객체가 누구를 상속하고있는지, 이객체의 프로토타입(유전자를 물려준 객체) 가 뭔지 알려준다. const car = { wheels : 4, drive() { console.log("drive...") } } const bmw = { color: "red", navi..