soowanlog

동기, 비동기란? - 동기 - 비동기 ※ Javascript의 비동기 Promise란? Promise의 에러 처리 방법 - then 메서드의 두번째 인자 - catch 메서드 Promise 체이닝 async / await란? - async - await async / await의 에러 처리 방법 동기, 비동기란? - 동기(Synchronous)란 직렬적으로 태스크를 수행하는 방식입니다. 즉, 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식으로 하나의 작업이 완료될 때까지 다음 코드의 실행을 멈추고 기다리는 것을 의미합니다. - 비동기(Asynchronous)란 병렬적으로 태스크를 수행하는 방식입니다. 즉, 요청을 보낸 후 응답 여부와 관계없이 다음 동작이 이루어지는 방식으로 하나의 작업이 ..

Ajax 란? ※ XML Ajax 동작원리 Ajax의 단점 Ajax 란? Ajax (Asynchronous Javascript And XML)은 비동기 Javascript와 XML의 줄임말입니다. Ajax는 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하며 XML뿐만 아니라 HTML, JSON 등 다양한 포맷을 주고받을 수 있습니다. Ajax를 사용한다면 웹 페이지를 갱신할 때마다 전체를 다시 로딩하지 않고, 필요한 이 부분만 갱신할 수 있기 때문에 시간과 자원을 아낄 수 있습니다. 또한, 서버에서 데이터만 전송하면 되어 전체적인 코드의 양이 줄어듭니다. ※ XML(Extensible Markup Language) XML은 HTML과 달리 태그를 사용자임의로 만들 수 있음.XML은 특정 데..

React란? ※ Virtual DOM React의 등장배경 - 1세대 프론트엔드 기술 - 2세대 프론트엔드 기술 - 3세대 프론트엔드 기술 JSX란? JSX 문법 - 부모 요소 하나가 감싸는 형태 - Javascript 표현식 - camelCase 프로퍼티 명명 규칙 React란? Javascript를 기반으로 하는 오로지 view만을 담당하는 Library입니다. 그만큼 내장되어 있는 기능이 부족해 3rd-party Library(react-router-dom, redux)를 함께 사용합니다. React와 같은 프론트엔트 Library나 Framework를 사용하는 가장 큰 이유 중 하나는 UI를 자동으로 업데이트 해준다는 점입니다. React는 UI를 자동으로 업데이트하는 과정에서 Virtual D..

Javascript란? ※ Java와 Javascript Javascript 특징 - 스크립트 언어 - 객체 기반의 언어 - 객체 주심, 함수 중심의 설계 가능 Javascript의 역할 - 브라우저 제어 - 웹 요소 제어 - 사용자와 상호작용 - 웹 애플리케이션 제작 - 폭 넓은 확장성 변수 선언 - var - let - const Hoisting이란? TDZ란? ※ V8 Engine Hoisting 되는 / 되지 않는 Javascript란? Javascript(JS)란 웹 페이지를 만들기 위해 사용되는 스크립트 언어(인터프리터 언어)입니다. 웹 페이지의 화면에서 단순한 정적 페이지를 보여주는 것뿐만 아니라 동적인 상호작용이 가능하도록 합니다. 기존의 JS는 브라우저 상에서만 사용할 수 있었지만 현재는..