본문 바로가기

공부낙서장52

HTTP 개요 HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜이다. HTTP는 웹에서 이루어지는 모든 데이터 교환의 기초이며, 클라이언트 - 서버 프로토콜이기도 하다. 클라이언트 - 서버 프로토콜이란 (보통 웹브라우저인)수신자 측에 의해 요청이 초기화되는 프로토콜을 의미한다. 하나의 완전한 문서는 텍스트, 레이아웃 설명, 이미지, 비디오, 스크립트 등 불러온(fetched) 하위 문서들로 재구성된다. 클라이언트와 서버들은 데이터 스트림과 대조적으로 개별적인 메시지 교환에 의해 통신한다. 보통 브라우저인 클라이언트에 의해 전송되는 메시지를 요청(request)라 하며, 반대로 요청에 대한 서버의 답변을 응답(response)라고 한다. HTTP는 거듭하여 진화해온 확장 가능한 프로토콜이다. .. 2023. 7. 16.
자바스크립트 배열 모듈러 연산 (반복 인덱스 제한) 모듈러, 그러니까 나머지 연산자를 이용해서 배열이나 반복문에서 인덱스를 제한 할 때 사용 가능하다고 한다. index % arr.length 를 이용해서 인덱스를 배열의 길이에 맞게 맞춘다. const arr = [1, 2, 3, 4, 5]; const index = 8; return arr[index % arr.length] 쉽게 설명하면 8번째 index를 찾고싶은데 없으니깐 arr의 길이만큼 지나서 한 바퀴 돌아 다시 남은 3만큼인 arr[3]이 된다고 생각하면 편할거 같다. 반환 되는 값은 4이다. 2023. 7. 12.
얼마 전에 공부한 splice메서드를 활용한 점수별로 학생들 나누기 const students = [ { name: "A", score: 90 }, { name: "B", score: 85 }, { name: "C", score: 75 }, { name: "D", score: 95 }, { name: "E", score: 60 } ] // key, value값으로 학생들의 이름과 점수를 배열로 생성 const excellentStudents = [] // 조건에 맞는 요소를 집어넣기 위한 빈 배열 const excludedStudents = [] const completedStudents = [] for (let i = 0; i < students.length; i++) { const score = students[i].score // for문으로 students배열의 .. 2023. 5. 11.
의식의 흐름대로 this공부 filter메서드를 공부 중에 뜬금없이 this로 의식의 흐름이... 1차 적으로 this는 정규 함수식 내부에서만 동작하는가? 라고 갑자기 생각이 들었고, 아니라면 화살표 함수에서는 어떻게 동작하는가? 라고 생각이 들었다. (아니 이전에 공부했다고 정리했었는데..) this는 객체를 가리키는 위한 식별자이므로, 그 대상이 함수가 될 수 없다. 일반 함수에서 사용 되는 함수 내부의 this는 전역객체인 window를 가리킨다. const person = { name: 'A', sayHello() { setTimeout(function() { console.log(`Hello, my name is ${this.name}`); }, 1000); } }; person.sayHello(); // 결과값 // H.. 2023. 4. 20.