do it! 모던 자바스크립트 프로그래밍의 정석

13. 비동기 프로그래밍비동기 처리 방식동기 처리 방식과 비동기 처리 방식ex.  커피 전문점에서 커피 주문하고 마시기동기 처리 방식A라는 사람이 커피를 주문 -> 그 주문을 받아서 커피를 만들고 A에게 넘겨줌뒤에 아무리 많은 손님이 있어도 한번에 하나의 손님만 처리주문을 받고 커피를 만드는 것이 한 과정-> 대기 줄이 점점 더 길어지고 주문을 처리하는데도 시간이 걸림비동기 처리 방식A라는 사람이 커피를 주문 -> 그 주문을 주방으로 넘김A에게는 진동벨을 주면서 커피가 완성되면 알려 주겠다고 함대기하고 있던 B의 주문을 받고 진동벨을 건네줌중간에 A의 커피가 완성되면 A에게 알려 준다싱글 스레드 vs 멀티 스레드스레드(thred)프로세스에서 작업을 실행하는 단위싱글 스레드: 한번에 하나의 스레드만 처리멀..

12. HTTP 통신과 JSONHTTP/HTTPSHTTP(HyperText Transfer Protocol)클라이언트와 서버 간에 자료를 주고받으려면 미리 약속된 규칙 필요: 프로토콜(protocol)웹에서는 HTTP라는 프로토콜 사용HTTP 요청(HTTP request): 클라이언트) 자료 요청 -> 서버 HTTP 응답(HTTP response): 서버) 응답 -> 클라이언트요청 헤더와 응답 헤더클라이언트) 사이트 주소 입력하고 [Enter] 누를 때사이트 주소 + 사용 중인 시스템 정보, 웹 브라우저 정보, 사용한 언어 등 다른 정보까지 함께 전송-> 서버로 요청할 때 보내는 헤더: 요청 헤더(request header)서버) 입력한 사이트를 찾아 -> 클라이언트응답 헤더(response header..

10. 문자열과 배열문자열에 접근하기원시 유형에서 메서드 사용하기자료형 중 단순히 값만 가지고 있을 때 -> 원시 유형(primitive type)원시 유형에서도 프로퍼티와 메서드를 사용할 수 있음ex. `str.length`숫자형과 논리형, 문자열 유형: 별도의 객체가 만들어져 있음Number, Boolean, String 객체: 래퍼 객체오토박싱(autoboxing)number, boolean, string 같은 원시 유형에서 프로퍼티나 메서드 사용 -> 일시적으로 원시 유형을 해당 객체로 변환프로퍼티나 메서드의 사용이 끝나면 해당 객체는 메모리에서 사라짐필요할 때만 임시로 객체로 바꿔 사용하고, 사용이 끝나면 다시 원시 유형으로 되돌아옴length - 문자열의 길이// 기본형문자열.length// ..

07. DOM 활용하기DOM 트리와 노드 리스트DOM 트리와 노드DOM에는 단순히 태그에 해당하는 요소 노드뿐만 아니라 여러 종류의 노드가 있음노드: DOM 트리에서 가지가 갈라져 나가는 부분루트 노드: DOM 트리의 시작 부분/ HTML 노드/ 나무 뿌리에 해당노드를 구성하는 원칙모든 HTML 태그는 요소 노드가 됨HTML 태그에서 사용하는 텍스트 내용은 자식 노드인 텍스트 노드가 됨HTML 태그에 있는 속성은 모두 자식 노드인 속성 노드가 됨주석들은 주석 노드가 됨노드 리스트`querySelectorAll()` 메서드 사용: 여러 개의 노드를 한꺼번에 가져올 수 있음가져온 여러 개의 노드 정보를 저장한 것: 노드 리스트배열과 비슷하게 생겼고 배열처럼 사용할 수 있음 (배열 X) 노드 리스트 살펴보기H..

05. DOM의 기초DOM과 DOM 트리문서 객체 모델(DOM)자바스크립트 이용해 웹 문서에 접근하고 제어할 수 있도록 객체 사용해 웹 문서를 체계적으로 정리하는 방법웹 문서를 구조화한 DOM 트리(DOM tree)와 이벤트를 정리해 놓은 표준웹에서 자바스크립트 사용하는 이유어떤 조건이 주어지거나 사용자의 동작이 있을 때 웹 문서 전체 or 일부분이 동적으로 반응하게 하는 것-> 이렇게 하려면 웹문서의 모든 요소 따로 제어할 수 있어야 함 ex. 웹 문서에 텍스트와 이미지 들어 있다면웹 브라우저) 마크업 정보를 보면서 텍스트 단락이 몇 개이고 그 내용이 무엇인지 살펴봄이미지가 몇 개이고 이미지 파일 경로는 어떠한지 대체 텍스트는 무엇인지도 파악 -> 이미지별로 정리해서 인식텍스트와 이미지 요소를 브라우저..

04. 함수와 스코프함수 선언 & 실행함수 선언할 때는 `function` 예약어 사용함수 이름을 적은 후 안에 실행할 여러 명령어 묶음함수를 실행(호출)할 때는 함수 이름 뒤에 중괄호 () 붙임// 함수 선언fucntion 함수명() { 명령(들)}// 함수 실행함수명() 매개변수와 인수매개변수함수를 선언할 때 외부에서 값을 받는 변수함수 이름 옆의 괄호 안에 매개변수 이름을 넣어줌매개변수에 이름을 붙이는 방법 = 일반적인 변수 이름 붙이는 방법매개변수는 선언된 함수에서만 사용함수에 여러 개의 매개변수가 필요할 때에는 매개변수 사이에 쉼표(,)를 찍으면서 나열인수매개변수가 있는 함수를 실행할 때, 매개변수로 값을 넘겨주는 함수=> 매개변수와 인수 통틀어서 '인자'라고도 함 return문함수 안에서 실행..