구버전
-
[Javascript] this 예약어구버전/JavaScript 2023. 12. 7. 08:56
개요 this의 정의 함수호출방식과 this 바인딩 결론 this의 정의 Javascript의 예약어로써 함수의 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다 Javascript엔진에 의해 암묵적으로 생성 ( + 호출시 내부에 인자와 this가 전달된다) 일반적으로 객체의 메서드 내부 또는 생성자 함수 내부에서만 의미가 있다. (참조 변수이기때문에) 지역변수처럼 사용 가능 느낌상 객체 내부에서 사용하는 것을 많이 떠올리게 된다. value라는 값을 가지고 있는 객체에 foo라는 함수를 할당하려할 때 그 함수에서 value를 사용하려 할 때..
-
[React] 새로운 리액트 문서에서 제시하는 9가지 권장 사항구버전/React 2023. 12. 6. 11:26
출처: https://blog.testdouble.com/posts/2023-10-16-react-docs-recommendations/ 개요 9가지 권장사항 권장사항 반복문에 key에 index 넣지마라 컴포넌트 정의할 때 중첩으로 사용하지마라 state 남발하지마라 꼭 필요한 상황에서 최소한으로 사용해라 useMemo, useCallback, React.memo 남발하지마라 "use" 접두사 사용하는 것을 남발하지마라 useEffect 를 올바르게 사용하자 프로퍼티 변경에 따라 상태를 조정해야한다면 사용하지마라 데이터 페칭은 useEffect보다 라이브러리가 낫다 이벤트 발생에 대한 응답으로 어떠한 액션을 취한다면 useEffect를 사용하지말고 핸들러에 코드를 작성해라 useEffect 종속성을 생..
-
[Next.js] 패키지 가져오기 최적화구버전/Next.js 2023. 12. 5. 08:40
개요 배럴(barrel) 파일의 활용 modularizeImports optimizePackageImport Next.js(3.5) 업데이트 내용 (원본) 22% 더 빠른 로컬 서버 시작: 앱 및 페이지 라우터로 더 빠르게 반복 29% 더 빠른 HMR(Fast Refresh): 변경 사항을 저장할 때 더 빠른 반복을 위해 40% 적은 메모리 사용량: 실행 시 측정next start 최적화된 패키지 가져오기: 인기 있는 아이콘 및 구성 요소 라이브러리를 사용할 때 더 빠른 업데이트 next/image개선 사항: , 아트 디렉션 및 다크 모드 지원 그리고 438개 이상의 버그가 패치 배럴(barrel) 파일의 활용 자바스크립트에서 배럴 파일이란 단일 파일에서 여러 모듈을 그룹화하여 내보내는 방법 예시) ui..
-
[CS Study] Compile, Transpile, Interpreter, Bundler구버전/CS Study 2023. 12. 4. 12:04
개요 Compile Transpile Interperter Bundler 컴파일 (Compile) 한 언어로 작성된 소스 코드를 다른 언어로 변환하는 것 Java => bytecode, C => assembly 고수준의 언어를 바이트 단위의 기계어로 변환하는 것 뿐만 아니라 한 언어로 작성된 코드를 다른 언어로 옮기는 일 자체를 통칭한다 트랜스파일 (Transpile) 한 언어로 작성된 소스 코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환하는 것 ES6 => ES5, C++ => C, coffescript => javascript Javascript transpiler : Babel, Typescripte Compiler, ESBuild VS Compile) 컴파일이 좀 더 큰 범주이고 그 안에 트..