본문 바로가기

til79

[TIL] 2022.05.16 5월 16일 TIL 자바스크립트 DeepDive 14장 전역 변수의 문제점 변수의 생명 주기 지역변수(함수 내부의 변수)의 생명 주기는 함수의 생명 주기와 일치한다. 호이스팅은 스코프를 단위로 동작한다. 전역 변수의 문제점 암묵적 결합 전역 변수는 코드 어디서든 참조하고 할당할 수 있는 변수를 사용하겠다는 것으로, 암묵적 결합을 허용하는 것이다. 긴 생명 주기 전역 변수는 생명 주기가 길다. 따라서, 메모리 리소스도 오랜 기간 소비한다. 스코프 체인 상에서 종점에 존재 전역 변수는 스코프 체인 상에서 종점에 존재하기 때문에 검색 속도가 가장 느리다. 네임스페이스 오염 전역 변수의 사용을 억제하는 방법 즉시 실행 함수 모든 코드를 즉시 실행 함수로 감싸면 모든 변수는 지역 변수가 된다. 네임스페이스 객체 .. 2022. 5. 16.
[TIL] 2022.05.13 (성능 개선) todo app을 통해 성능개선 진행. - 개선 전 렌더링 타임 400ms 정도의 렌더링 타임 - 개선 후 렌더링 타임 8ms 정도로 확연하게 성능이 개선된 점을 확인. React.memo 와 useState의 함수형 업데이트를 통한 성능 개선 테스트 완료. 자바스크립트 DeepDive 13장 스코프 스코프란? 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라 하며, 스코프는 식별자가 유효한 범위이다. 스코프 체인 스코프가 함수의 중첩에 의해 계층적 구조를 갖는 것 이러한 스코프가 계층적으로 연결된 것을 스코프 체인이라고 한다. 변수를 참조할 때 자바스크립트 엔진은 스코프 체인을 통해 변수를.. 2022. 5. 13.
[TIL] 2022.05.12 5월 12일 TIL 기존 Youtube 프로젝트를 마치고 다시 기본으로 돌아가서 공부하고 있다. 리액트를 다루는 기술을 통해 todo project 마무리 완료. 내일부터는 컴포넌트 최적화를 진행 예정이다. Javascript DeepDive는 이제 중요한 개념으로 진입해서 꼼꼼하게 공부하고 있다. 내일은 스코프 개념을 공부할 예정. 코딩 테스트 문제는 백준... 너무 싫다 자료구조 문제는 어느 정도 다 풀 수 있다. 다만, 문제 자체가 너무 난해하고 queue, LinkedList를 직접 구현해야 하는 부분이 너무 별로다. 내일은 직접구현부분을 하나씩 공부하고 자료구조는 마무리할 예정이다. 2022. 5. 12.
[TIL] 2022.05.11 오늘은 일정이 있어 오전 공부만 진행. 리액트를 다루는 기술 Todo app project 시작 https://mocha-blog.tistory.com/28 [React Project] Todo-app (리액트를 다루는 기술) 리액트를 다루는 기술 Todo app 실습! 직접 만들고 책으로 확인하며 프로젝트 진행 중이다. Javascript로 todo list를 만든적이 있어서 어렵지 않게 진행하고 있다. 프로젝트를 진행하면서 어려운 점이 mocha-blog.tistory.com 코딩테스트 자료구조 2문제 풀이. 2022. 5. 11.