🌳Frontend

📄 참고자료 Effective Component 지속 가능한 성장과 컴포넌트 🎇 변화 우리는 제품을 개발하면서 수많은 변경을 마주한다. 사용자는 우리가 만든 제품을 어려움 없이 잘 사용해야 한다. 디자인, API, 제품의 방향 언제든 바뀔 수 있다. 좋은 제품을 만들기 위해서는 변화는 필수다. 우리가 만드는 제품은 변화를 겪으면서 올바른 방향으로 성장한다. 우리는 따지고보면, 제품을 성장시키고 있는 것이다. 제품의 변화란, 놓치고 있었던 고객의 니즈를 발견하는 것과 같다. 무엇이 변경될지 알았으면 정말 좋았을 것이다. 변경은 예측하지 못한다. 우리는 예측하려 하지 말고, 대응하자. 변경에 유연한 컴포넌트 만들기 우리는 컴포넌트를 잘 만들어서 변경에 유연하게 대응할 수 있도록 해야 한다. 변경에 유연한 컴..

📄 참고자료 토스 실무에서 바로 쓰는 Frontend Clean Code https://www.youtube.com/watch?v=edWbHp_k_9Y 💬 들어가기전 주저리 기술블로그와 여러 기술 아티클을 탐방할 때, 클린코드(clean code) 란 용어를 자주 본다. 👈 요런, 클린코드 서적을 추천하는 게시글이나 주변 개발자도 봤었다. 그래서 "클린코드" 가 무엇이냐~ 라고 물어본다면, 중복되는 코드 줄이는 방법 가독성이 쉬운 코드를 작성하는 방법 유지보수가 쉬운 코드를 작성하는 방법 이라 할 수 있다. 중복,가독성,유지보수.. 멋진 용어다. 이건 클린코드에 대해 검색하면 나오는 정말 군더더기 없는 설명이다. 사실, 개인적으로, 내가 느끼는 클린코드에 대한 정의는, 개발자의 원활한 소통과 업무를 위한..

사전지식 프로세스 단순히 실행중인 프로그램 운영체제에 의해 메모리를 할당받아서 실행중인 것 쓰레드 프로세스 내에서 실제로 작업을 수행하는 단위 즉, 프로세스의 실행 흐름의 최소 단위 애플리케이션을 실행시키면, 스레드들이 자기가 맡은 일을 한다. 예시 카카오톡을 실행했을 때 메세지를 전송하는 역할을 가진 스레드가 실행 메세지를 수신하는 역할을 가진 스레드가 실행 여러개의 스레드는 프로세스가 실행되기 위해 각자 역할을 도맡아서 일을 한다. 리엑트에서의 스레드 리액트 코드가 실행되는 브라우저(자바스크립트 환경) 에서는 단 하나의 스레드만 실행된다. 만약, 리액트 state 가 업데이트 될 때 실행되는 순서 1. 사용자 입력을 받아 상태 업데이트 2. `render()` 함수 실행 3. `Reconcile` 과..

const animals = ['cat', 'dog', 'mouse'] as const // const animals: readonly ['cat', 'dog', 'mouse']