전체 글
-
[Group Study, 모던 자바스크립트 Deep Dive] - 47 에러처리Front-end/Javascript 2023. 4. 9. 17:05
47.4 throw문 Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 47.1 에러 처리의 필요성 개발자라면 비지니스 로직을 잘 짜는 것도 중요하지만 에러를 잘 핸들링 하는 것도 능력이라고 생각한다. 에러가 발생하지 않는 코드는 없기 때문인데, 에러를 "잘" 파악하기 위한 처리가 필요하다. 발생한 에러에 대해 대처하지 않..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 45 PromiseFront-end/Javascript 2023. 4. 9. 16:26
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 45.0 Preface JS는 비동기 처리를 위해 콜백 함수를 사용한다. 하지만 Callback Hell로 가독성이 지옥으로 가버리거나 에러 핸들링의 어려움이 있다. 이 단점을 극복하기 위해 ES6에서는 비동기 처리를 위해 Promise 🤝(약속)을 도입했다. 비동기 처리 ..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 43 AjaxFront-end/Javascript 2023. 3. 26. 22:10
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 43.1 Ajax란? Ajax(Asynchronous Javascript and XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 42 비동기 프로그래밍Front-end/Javascript 2023. 3. 26. 19:22
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 42.1 동기 처리와 비동기 처리 [예제 42-01] const foo = () => {}; const bar = () => {}; foo(); bar(); [그림 42-01] 함수가 실행되려면 "함수 코드 평가 과정"에서 생성된 함수 실행 컨텍스트가 실행 컨텍스트에 푸시되..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 41 타이머Front-end/Javascript 2023. 3. 26. 18:44
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 41.1 호출 스케줄링 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후에 호출되도록 함수 호출을 예약하는데 이를 호출 스케줄링이라 한다. 타이머는 빌트인 함수가 아닌 호스트 객체이며 생성하기 위한 setTimeout, setInterval, 제거를 위한 clearT..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 40 이벤트Front-end/Javascript 2023. 3. 5. 22:16
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 40.1 이벤트 드리븐 프로그래밍 브라우저는 처리해야 할 특정 사건(클릭, 키보드 입력, 마우스 이동, 포커스...)이 발생하면 이를 감지하여 이벤트를 발생시킨다. 우리가 만드는 애플리케이션은 특정 이벤트 타입에 대해 반응하여 어떤 일(function, logic,...)을..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 39 DOMFront-end/Javascript 2023. 2. 20. 02:25
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 39.0 Preface DOM, Browser Rendering, ... 등 어쩌면 FE 개발자의 정석이라고 해도 과언이 아니다. DOM(Document Object Model)은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 37 MapFront-end/Javascript 2023. 1. 31. 22:39
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 37.2 Map Map 객체는키와 값의 쌍으로 이루어진 컬렉션이다. 객체와 유사하지만 다음과 같은 차이가 있다. 구분 객체 Map 객체 키로 사용할 수 있는 값 문자열 또는 심벌 값 객체를 포함한 모든 값 이터러블 X O 요소 개수 확인 Object.keys(obj).len..