한 입에 잘라먹는 TS 2주 완강 챌린지에 참여하면서, 인강을 들으며 데일리 Quiz에 대한 내용을 정리해보고자 한다. 인강에 다루는 모든 내용을 적기엔 시간적인 여유가 없어서, 가능하다면 추가적으로 중요한 내용들도 적어볼 생각이다. Quiz 1. 정적 타입시스템과 동적 타입 시스템의 단점들은 보완하고 장점들은 그대로 가져온 TypeScript의 타입 시스템을 뭐라고 부를까요? 점진적 타입 시스템(Gradual Type System)(타입스크립트는 정적 타입 검사를 지원하는 점진적 타이핑 언어) Quiz 2. TypeScript의 타입 시스템이 갖는 특징에는 어떤 점이 있을까요? 바로 딱 떠오르는 한가지 특징만 적어주세요! 타입스크립트의 타입 시스템은 정적 타입 체크의 안정성과 동적 타입 추론의 유연성을..
여러 개발자 유튜버를 구독하여, 최신 소식이나 도움이 될 만한 동영상을 줄곧 보곤 하는데, 오늘은 프롱트님이 다뤄주신 리액트를 잘한다는 것을 그대로 발췌해보았다. 아직 고민해보지 않았던 주제들이 꽤 있어, 일부는 와닿지 않았지만, 일단 적어두고 나중에 수정, 추가하려고 한다. 1. 상태관리 복잡한 App -> 상태가 많아지면 전역에 노출된 상태를 관리하기 어려움 상태를 좁혀야함 높은 수준의 상태는 전역변수를 사용해야하는 지의 고민이 따름 불필요한 라이브러리 사용 금지 리액트 훅 API만으로도 충분 useState, useReducer 서버상태, 서버와 연동되는 부분은 서버상태로 관리하여 취급해서 관리하는 것이 좋음 react-query, SWR 활용 서버상태를 프론트엔드에서 보관하지 않는 것이 좋음 2...
프론트엔드 취업준비생으로서, 타입스크립트는 사실상 '필수'라고 여겨지는 것 같다. 그렇다면 타입스크립트가 어떤 것이며, 왜 배워야하는 것일까? (개인적으로, 필요성을 느껴야 공부가 더 잘 되는 타입이기도 해서 궁금하기도 했다.) TypeScript란? 2012년에 마이크로소프트의 개발자이자 C#의 창시자로도 알려진 아주 유명한 덴마크 출신의 개발자 Anders Hejlsberg(앤더스 하일스버그)이 만든 언어로, TypeScript 공식 사이트에서는 “TypeScript is JavaScript with syntax for types.”라고 설명한다. 즉, “TypeScript는 타입을 위한 구문이 있는 JavaScript”라는 의미이다. TypeScript는 기본적으로 JavaScript이다. 쉽게 말..
멋사에서 리액트를 공부하는 중에, 리액트에서 렌더링이 어떻게 이뤄지는지 익힘으로써, 앞으로 리액트에서 어떤 작업을 하더라도 설계한 대로 될 수 있도록 정리해보고자 한다. React에서의 렌더링 리액트의 렌더링 과정은 크게 세 단계(Trigger - Render - Commit)로 나뉜다. Trigger(Render Trigger) // main.jsx(or index.jsx) ReactDOM.createRoot(document.getElementById('root')).render( );위 코드를 실행하면서 리액트 렌더링 프로세스가 시작된다. 렌더링 트리거 단계에서는 애플리케이션에 변경사항이 발생할 때 새로운 렌더링을 시작하는데, 주요 트리거는 다음과 같다. 초기 렌더링: 컴포넌트 최초 생..
