본문 바로가기
728x90

Studying Web Development21

마이크로태스크 큐, 태스크 큐 마이크로태스크 큐, 태스크 큐 2개의 큐 모두 콜백함수가 들어간다는 점에서 동일하지만 어떤 함수를 실행하느냐에 따라 어디로 들어가는지가 달라집니다. 또한 명칭은 큐 (Queue) 이지만 자료구조의 큐와는 다릅니다. 엄밀히 말하자면 우선순위 큐 (Priority Queue) 라고 할 수 있는데, 이벤트 루프가 2개의 큐에서 태스크를 꺼내는 조건이 “제일 오래된 태스크” 이기 때문입니다. (동작방식) 콜백함수를 태스크 큐에 넣는 함수들 setTimeout, setInterval, setImmediate, requestAnimationFrame, I/O, UI 렌더링 콜백함수를 마이크로태스크 큐에 넣는 함수들 process.nextTick, Promise, Object.observe, MutationObser.. 2022. 7. 30.
📕 리팩터링 2판 리뷰: 2장, 3장 📕 리팩터링 2판 : 코드 구조를 체계적으로 개선하여 효율적인 리팩터링 구현하기 리뷰 리팩터링 2판의 2장과 3장을 읽고 왔습니다. 최근에 면접이 잡히고, 면접 공부를 병행하느라 하루에 작은챕터 2장씩만 읽고 있네요.. 합격한다면 읽는 속도 좀 팍팍 내보고 싶습니다. 🥲 리팩터링 2판의 2장과 3장의 리뷰를 시작해보겠습니다. ⭐️ 2장: 리팩터링 원칙 2장에서는 리팩터링의 정의, 리팩터링의 유래 등과 함께 리팩터링 전반에 적용되는 원칙들에 대해 알아봅니다. ⭐️ 3장: 코드에서 나는 악취 3장에서는 리팩터링을 제때 적용하는 법을 알기 위해, 코드에서 나는 냄새(악취)를 감지하는 법에 대해 알아봅니다. 🤔 느낀 점 2장(리팩터링 원칙)에서는 리팩터링이 얼마나 좋은건지, 리팩터링의 효험(?)을 설명해주기도 .. 2022. 7. 30.
[TypeScript] 타입스크립트에서 any, unknown 타입이란? ❓타입스크립트에서 any, unknown 타입이란? 이 때까지 저는 타입스크립트를 사용하면서 any 타입을 많이 쓰면 타입이 느슨해지므로 타입스크립트를 쓰는 의미가 퇴색되는 것 같아 최대한 지양하며 사용해왔지만, any 타입에 대해 정확히 알지는 못했습니다. 또한 any 타입과 비슷하면서도 다른 unknown 이라는 타입도 있다는 것을 알게되어 함께 공부하게 되었습니다. 📌 any 타입이란? any 타입은 타입스크립트에서는 '어떤 타입이든'이라는 의미로 해석할 수 있습니다. 즉, 타입스크립트에서 any 타입은 어떠한 타입도 허용하는 타입인데요. 타입을 엄격하게 검사하고 처리하는 타입스크립트에서 any 타입은 치명적인 존재입니다. 아래의 코드는 변수 valueNumber를 number 타입으로 정의하고 v.. 2022. 7. 27.
[React] 클래스형 컴포넌트와 함수형 컴포넌트의 차이점 1. 선언방식 🏭 클래스형 컴포넌트 class 키워드로 시작합니다. Component로 상속을 받아야합니다. reunder() 메소드가 반드시 필요합니다. state, lifeCycle 관련 기능사용이 가능합니다. 함수형보다 메모리 자원을 더 사용합니다. 임의 메소드를 정의할 수 있습니다. 📦 함수형 컴포넌트 state, lifeCycle 관련 기능을 사용할 수 없습니다. (Hook을 통해 해결) 클래스형보다 메모리 자원을 덜 사용합니다. 컴포넌트 선언이 편합니다. 2. state 🏭 클래스형 컴포넌트 constructor 안에서 this.state 초기 값 설정 가능합니다. counstructor 없이도 바로 state 초기값을 설정 가능합니다. this.setState() 를 통해 state값을 변경.. 2022. 7. 21.

티스토리툴바