Translate Work 썸네일형 리스트형 타입스크립트 컴파일러의 컴파일 과정 본문 - https://www.huy.rocks/everyday/typescript-how-the-compiler-compiles 이 글은, How the Typescript compiler compiles 영상을 참조하여 작성된 글이다. Typescript compile process를 조금 더 깊게 이해하기 위해서, 해당 동영상을 참조 해볼 것을 추천한다. high level 에서, 타입스크립트 컴파일러는 Typescript 코드를 Javascript (*.js) 코드로 컴파일하고, 분석하는데 도움을 줄 수 있는 Tool 이다. type definition files(*.d.ts) 이나 source maps 파일(*.js.map) 역시도 마찬가지다. 만약, 소스 파일에 어떠한 문제가 있다면, 타입 스.. 더보기 알고 있으면 좋은 5가지 리액트 디자인 패턴 본문 - https://javascript.plainenglish.io/5-react-design-patterns-you-should-know-629030e2e2c7 같은 코드를 반복적으로 작성하는 것에 지쳐 있으삼? 리액트 스킬을 다음 단계로 향상시키고 싶으심? HOCS, Render Props, Hooks, and Context API 들의 React Design Pattern 들을 이해함으로써, 당신의 코딩에 대한 스킬을 향상시켜 줄 것이다 1. Container 그리고 Presentational Components ✨ 처음으로 우리가 살펴볼 패턴은 container 와 presentational 컴포넌트를 분리하는 작업이다. 이 패턴은 data management 와 UI rendering 분리에.. 더보기 리액트의 Referential Equality 본문 - https://blog.bitsrc.io/understanding-referential-equality-in-react-a8fb3769be0 Referential Equality란 무엇일까? 왜 referential Equality를 이해하는 것이 중요하며, 리액트에서 컴포넌트를 re-rendering 하는 데에 있어 어떻게 영향을 주는지 알아보자 ㅋ 리액트에서, state는 브라우저에서 컴포넌트를 랜더하기 위해 사용 된다. state가 바뀌면, 리액트는 새로운 데이터와 함께 컴포넌트를 re-render 시킨다. 이러한 부분은 유저에게 어플리케이션에서 일어나는 모든 변화(UI 변화)를 지속적으로 알려주는데에 도움을 준다. 하지만, 많은 리액트 개발자들은 state를 적절하게 관리하지 않는다. 이.. 더보기 이전 1 다음
