본문 바로가기

분류 전체보기

(96)
[서평] 똑똑한 코드 작성을 위한 실전 알고리즘 *오라일리 표지에 있는 동물들은 멸종 위기 종들이라고 한다. 똑똑한 코드 작성을 위한 실전 알고리즘 파이썬 예제로 문제 해결 전략 익히기 저자 조지 하이네만, 윤대석 옮김 출판사 한빛미디어 출판일 2022.05.20 쪽수 296 이 책은 컴퓨터 과학 전공생 대상이 아니라, 쉽게 쓰여서 다양한 배경의 독자들을 대상으로 한다. 단, 파이썬 언어는 알고 있는 상태인 것이 좋다. 알고리즘 하나 하나를 차근차근 그림과 함께 설명해준다. 알고리즘의 기본 원리부터 배우길 원하는 나에게 딱 맞는 책이었다. 다만, 당장 문제 풀이가 목적인 사람들에게는 맞지 않을 것 같다. 제목에 나와있듯 똑똑한 코드 작성을 위한 것이라는 설명이 딱 맞다. 알고리즘을 설명하고 나서, 코드 몇 줄을 작성해야하는가? 저장공간은 추가로 얼마나..
모던 자바스크립트 Deep Dive 44장~46장 REST API/프로미스/AJAX 44장 REST API REST : HTTP 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처 (자원, 행위, 표현으로 구성된다.) REST API : REST 기반으로 서비스 API를 구현한 것 RESTful : REST의 기본 원칙을 성실히 지킨 서비스 디자인 45장 프로미스 : 비동기 처리를 위한 패턴 비동기 함수 내부의 비동기로 동작하는 코드는 비동기 함수가 종료된 이후에 완료된다! 그래서 비동기 함수 내부의 비동기로 동작하는 코드에서 처리 결과를 외부로 반환하면 의도대로 동작하지 않는다!! 에러 처리가 곤란해진다!!! 그래서 프로미스를 사용하면 콜백 지옥을 벗어나서 에러처리를 보다 효율적으로 할 수 있다. 마이크로태스크 큐에는 프로미스의 후속 처리 메서드의 콜백 함수가 일시 ..
VSCode 에서 prettier 설정이 안될때 명령어 팔레트 창(Ctrl + Shift + P 혹은 Cmd + Shift + P)을 열어서 Format Document With 라고 검색한다. 그리고 디폴트 포맷터 설정으로 Prettier - Code formatter 를 선택하여 저장한다. 출처) https://stackoverflow.com/questions/52586965/why-does-prettier-not-format-code-in-vs-code
모던 자바스크립트 Deep Dive 41장~43장 타이머/비동기/AJAX 41장. 타이머 호스트 객체인 타이머 함수. setTimeout 함수는 생성된 타이머를 식별하는 id를 반환한다. 디바운스과 스로틀 디바운싱 debouncing : 짧은 시간 간격으로 발생하는 이벤트를 그룹화하여 마지막 한 번만 호출되도록 한다. (예) 인풋 입력 쓰로틀링 throttling : 일정 시간 간격으로 발생하는 이벤트를 그룹화하여 간격 안에서 최대 한 번만 호출되도록 한다. (예) 스크롤 42장. 비동기 프로그래밍 동기 처리 : 현재 실행 중인 태스크가 종료할 때까지 다음 태스크가 대기하는 방식. 다음 태스크가 블로킹된다. 비동기 처리 : 현재 실행 중인 태스크가 종료되지 않은 상태라도 다음 태스크를 곧바로 실행하는 방식 자바스크립트는 싱글 스레드로 동작한다. 한 번에 하나의 태스크만 처리할..
모던 자바스크립트 Deep Dive 40장 이벤트 이벤트 핸들러 : 이벤트가 발생했을 때 호출될 함수 이벤트 핸들러 등록 : 브라우저에 이벤트 핸들러의 호출을 위임하는 것 이벤트 중심으로 프로그램의 흐름을 제거하는 것을 이벤트 드리븐 프로그래밍이라고 한다! 이벤트 핸들러 제거 addEventListener 메서드에 전달한 인수와 removeEventListener 메서드에 전달한 인수가 일치하지 않으면 이벤트 핸들러가 제거되지 않는다. Click me! 이벤트 객체의 공통 프로퍼티 target 이벤트를 발생시킨 DOM 요소 currentTarget 이벤트 핸들러가 바인딩된 DOM 요소 eventPhase 이벤트 전파 단계 0: 이벤트 없음 1: 캡처링 단계, 2: 타깃 단계 3: 버블링 단계 clientX, clientY : 웹페이지의 가시 영역(뷰포트..
모던 자바스크립트 Deep Dive 39장 DOM DOM (Document Object Model) 프로퍼티와 메서드를 제공하는 트리 자료구조 Document.prototype 에 정의된 메서드 DOM 전체에서 요소 노드를 탐색 Element.prototype 에 정의된 메서드 특정 요소 노드의 자손 노드 중에서 요소 노드를 탐색 요소 노드 취득 HTML 요소에 id 어트리뷰트를 부여하면 id 값과 동일한 이름의 전역 변수가 암묵적으로 선언되고 노드 객체가 할당된다. querySelector, querySelectorAll 메서드는 getElementById, getElementBy** 메서드보다 다소 느리다. 그렇기 때문에 id 어트리뷰트가 있는 요소 노드를 취득하는 경우에는 getElementById를 사용하고, 그 외의 경우에는 querySelec..

728x90