https://youtu.be/g9FL8hKoNqE?si=tsCYUjwOX5Z0AqZk 분석 Typescript 옵션으로 성능 문제 진단 extendedDiagnostics 로 대략적인 컴파일 시간 확인 가능 generateTrace 로 트레이스 파일을 출력할 수 있음. 이 파일을 툴에 넣어 확인 가능 trace.js...
React 규칙
https://ko.react.dev/reference/rules 관용적인 React 코드를 작성하기 위한 규칙들. 이러한 규칙을 지키면 변화에 더 잘 대처할 수 있고, 다른 라이브러리, 도구, 개발자와의 협업이 원활해진다. 만약 어길 경우 어플리케이션에 버그가 생길 가능성이 높고, 일반적이지 않게 변한다. React 규칙을 따르기 쉽게하기 위해 ...
React context
상태 업데이트 시 해당 컴포넌트만 업데이트?
React compiler
1. 정의 빌드 시 적용되는 도구로, [[React]]를 자동으로 최적화해준다. 관련 eslint 플러그인도 제공하여 코드 품질을 높이는데 사용할 수 있다. 1.1 무엇을 하는가? 기존에는 useMemo, useCallback, React.memo 와 같은 API 로 직접 메모이제이션하였다. 하지만 개발하다보면 이를 잊어버릴수 있다. 리액트 ...
Js 알고리즘 팁
첫번째처럼 할 경우 모든 요소에 같은 배열의 참조가 들어감 ```js // bad var arr = new Array(1000).fill(new Array()) // good var arr = new Array(1000).fill(0).map(() => []); - dfs 와 같이 함수를 깊이 탐색해야할때 런타임 오류가 발생하면, 재...
Next.js 최대 connection
현상 : https://seongil-shin.github.io/posts/next.js-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%B5%9C%EC%A0%81%ED%99%94-%EA%B3%BC%EC%A0%95/ 의문 이슈가 발생할떄 정적페이지에도 응답이 안가나? API 요청이 있는 페이지만 안가나? 아니면 이슈 ...
You don't know JS Yet 2부 - Appendix
A.1 암시적 스코프 스코프는 가끔 명확하지 않은 위치에 생성된다. 일반적으론 이러한 암시적 스코프가 작동에 영향을 주진않는데, 알고 있으면 유용하다. 매개변수 스코프 함수명 스코프 매개변수 스코프 함수 매개변수는 함수 스코프에서 지역으로 선언한 변수와 동일하다고 하였지만, 항상 그렇지는 않다. 아래와 같이 단순한 매개변수 형태는 함...
You don't know JS Yet 2부 - 8장 모듈 패턴
8.1 캡슐화와 최소 노출의 원칙(POLE) 캡슐화의 목표는 정보(데이터)와 동작(함수)를 한데 묶거나 함께 배치에 공통의 목적을 달성하는 것이다. 이러한 캡슐화는 공통의 목적을 가진 코드 일부분을 별도의 파일로 옮기는 것만으로도 실현할 수 있다. 캡슐화의 또 다른 목표는 캡슐화된 데이터와 함수의 특정 측면의 가시성을 제어하는 것이다. 캡슐화의 주...