Front-end
-
[Group Study, 모던 자바스크립트 Deep Dive] - 27 배열Front-end/Javascript 2022. 12. 15. 23:05
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 27 배열 27.2 자바스크립트 배열은 배열이 아니다 자료구조에서 말하는 배열은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료구조를 말한다. 즉, 배열의 요소는 하나의 데이터 타입으로 통일되어 있으며 서로 연속적으로 인접해 있다(밀접 배열) 일반..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 25 클래스 Part2Front-end/Javascript 2022. 12. 11. 16:05
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 25.7 프로퍼티 25.7.1 인스턴스 프로퍼티 인스턴스 프로퍼티는 consstructor 내부에서 정의해야 한다. 25.7.2 접근자 프로퍼티 접근자 프로퍼티는 자벷적으로는 값([[Value]])을 갖기 않고 다른 데이터 프로퍼티의 값을 읽거나 저장할 때 사..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 25 클래스 Part1Front-end/Javascript 2022. 12. 11. 15:31
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 25.1 클래스는 프로토타입의 문법적 설탕인가? 자바스크립트는 프로토타입 객체지향 언어이다. (kidding)JS는 근본 논란으로 여러 놀림도 있고 다른 언어와의 차이로 인해 여러 논쟁이 있긴하지만 무튼 객체지향 언어이다. 프로토타입 기반 객체지향 언어는 클래..
-
[Group Study] HTTPFront-end/Web 2022. 12. 8. 00:47
Preface 학부 네트워크 수업 때, 와이어샤크로 패킷까지 까면서 공부했던 프로토콜이다. FE든 BE든 개발자라면 HTTP 프로토콜의 간략한 spec과 working하는 방식은 알고 있을 것이라고 생각하고 있다. 망각의 동물답게 당연~히 배운것의 반절은 잊은 것 같은데 최근 네이버에서 http3를 서비스에 적용한 사례를 보고서 간략하게 공부해보아야겠다는 생각이 들었다. 동작하는 원리나 모든 스펙을 톺아볼 수는 없지만, 리마인드의 목적으로 정리하고자 한다. HTTP HTTP(HyperText Transfer Protocol)은 W3 상에서 정보를 주고 받을 수 있는 프로토콜이다. 주로 TCP를 사용하고 HTTP/3부터는 UDP를 사용하며, 80번 포트를 사용한다. HTTP는 클라이언트와 서버 사이에 이루..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 24 클로저 Part2Front-end/Javascript 2022. 11. 27. 16:25
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 24.4 클로저의 활용 클로저는 상태(state)를 안전하게 변경하고 유지하기 위해 사용한다. 즉, 상태가 의도치 않게 변경되지 않도록 상태를 안전하게 은닉(information hiding)하고 특정 함수에게만 상태 변경을 허용하기 위해 사용한다. [예제 2..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 24 클로저 Part1Front-end/Javascript 2022. 11. 20. 19:09
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 24.0 Preface 클로저는 JS만의 고유 개념이 아니다. 신입 또는 이직 면접 전에 FE 개발자라면 꼭 숙지하는 개념이기도 하지만, "잘" 이해해서 설명하는 사람은 많지 않은 것 같기도 하다. "클로저"만 설명하기에는 많은 개념들이 함께 들어가기 때문이기..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 23 실행 컨텍스트 Part 1Front-end/Javascript 2022. 11. 15. 22:29
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 23.1 소스코드의 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 구분하고 실행 컨텍스트를 생성한다. 이를 구분하는 이유는 소스코드의 타입에 따라 실행컨텍스트를 생성하는 과정과 관리 내용이 다르기 때문이다. [표 23-01] 전역 코드 전역 코드는..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 22 thisFront-end/Javascript 2022. 11. 14. 21:35
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 22.1 this 키워드 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 프로퍼티(상태, state)를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한..