4.1 첫 번째 기둥: 스코프와 클로저 렉시컬 스코프 모델 : 스코프의 기준과 그 경계, 경계 안에서 변수가 어떻게 구성되는지 프로그램을 파싱할때 결정되는 모델. (= 개발자가 스코프를 어디에 배치하냐에 따라 달라지는 모델) JS는 렉시컬 스코프 모델을 채택하고 있지만, 여타 언어와 다른 두 가지 특징을 더 갖는다 호이스팅 var 로 선언...

3.1 이터레이션 이터레이터 패턴 : 데이터를 일정 단위로 쪼개고, 이 조각들을 차례로 순회하며 점진적으로 처리하는 표준화된 방법 처리할 데이터를 참조하는 데이터 구조인 이터레이터가 정의되어야함 next() 메서드 : 데이터 조각을 차례로 반환하는 메서드 매 호출마다 value, done 프로퍼티를 제공함. 반...

2.1 파일은 프로그램입니다 웹사이트 하나, 애플리케이션 하나를 프로그램 하나로 생각하기 쉽지만, JS에서는 파일 각각이 별도의 프로그램이다. 이러한 관점은 오류 처리와 관련이 깊은데, JS는 파일을 프로그램으로 취급하기에 파일 하나에만 오류가 있어도 다음 파일이 처리되지 않을 수 있다. 독립적인 js 파일을 하나의 프로그램으로 작동시키는 방법은 ...

1.2 자바스크립트 이름의 유래 자바스크립트는 마케팅 차원에서 지어진 이름으로, 당시 자바 개발자들에게 어필하기 위한 목적으로 “가벼운 프로그램”이라는 뜻으로 유행한 “스크립트”라는 단어를 합쳐 만들어짐 1.3 명세서 TC39 : JS를 관리하는 기술 운영 위원회로 JS의 공식 명세를 관리함 TC39는 정기적인 회의를 통해 명세 ...

https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/ dom 조작 시 성능 개선이 필요할때

https://ykss.netlify.app/translation/how_to_make_your_web_page_faster_before_it_even_loads/ 보통 성능 개선을 할때는 FCP, LCP, INP 등 페이지가 로드 되고 난 이후의 성능을 고려한다. 이 아티클에서는 페이지가 로드되는 것까지 성능 개선을 어떻게 할 수 있을지에대해 다루...

https://nextjs.org/blog/next-15 next.js 15의 스테이블버전이 나와 작성하였다 Async Request APIs (Breaking Change) 전통적인 SSR 에서는 서버에서는 요청이 전부 완료될때까지 렌더링을 중지한다. 하지만 모든 컴포넌트가 요청이 필요한건 아니다. 따라서 가능한 많은 컴포넌트를 요청이 종료되기...

https://philipwalton.com/articles/the-state-of-es5-on-the-web/ ES5의 현재 상태와 웹 성능 및 코드 호환성에 미치는 영향을 다루는 글. ES5 코드를 작성하는 건 문제가 아님. 하지만 ES6+ 코드를 작성했을때 이를 ES5로 트랜스파일하는 것은 많은 Polyfill을 포함하게 함. 대부분의 사이트...

경험 많은 개발자나 초보 개발자가 새로운 팀원으로 들어왔을 때 그들에게 제공하는 적응 지원을 개선하는 방법을 다루자. 먼저 전문가와 초보자가 어떻게 다르게 생각하는지 살펴보고, 새로운 팀원을 대상으로 수행할 수 있는 다양한 활동을 살펴보자. 13.1 적응 지원의 문제 너무 많은 것을 동시에 교육하여 작업 기억 공간의 용량을 과도하게 늘리는 ...

큰 규모의 코드베이스에서 코드의 구조는 다른 사람이 코드와 얼마나 쉽게 상호작용할 수 있을지 영향을 미친다. 이 장에서는 코드베이스를 인지적 관점에서 바라보는 CDN 기술에 대해 논한다. CDN은 코드를 사람들이 쉽게 변경할 수 있을지, 쉽게 정보를 찾을 수 있을지란 질문에 답을 찾는데 도움을 준다. 이어서 코드베이스의 인지차원이라는 수정된 프레임...