일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- useMemo
- 리액트 코드분할
- JavaScript
- 자동 배칭
- state 최적화
- Next.js
- 타스
- 렌더링 동작원리
- 자바스크립트
- 배칭
- react rendering
- rendering
- 프론트엔드
- 상태 끌어올리기
- TS
- React
- 렌더링
- NextJS
- 고급타입
- 타입스크립트
- 리액트
- Front-End
- Interface
- react code splitting
- mapped types
- useCallback
- react router dom v6
- lifting state up
- router dom
- TypeScript
- Today
- Total
목록도서 (16)
서녕이네 개발단지
변경 가능한 데이터 구조를 가진 언어에서 불변성 유지하기 🖐🏻이번 장에서 살펴볼 내용 데이터가 바뀌지 않도록 하기 위해 카피-온-라이트를 적용한다. 배열과 객체를 데이터에 쓸 수 있는 카피-온-라이트 동작을 만든다. 깊이 중첩된 데이터도 카피-온-라이트가 잘 동작하게 만든다. 중첩된 데이터란? - 데이터 구조 안에 데이터 구조가 있는 경우 데이터가 중첩되었다고 말한다. - 배열안에 객체가 있다면 중첩된 데이터이다. 👉🏻 이런 경우에 객체가 배열 안에 중첩되었다고 볼 수 있다. 어떻게 하면 중첩된 데이터에 대한 불변 동작을 구현할 수 있을까? 동작을 읽기, 쓰기 또는 둘 다로 분류하기 동작을 읽기 또는 쓰기 또는 둘 다 하는 것으로 분류할 수 있다. 읽기 데이터를 바꾸지 않고 정보를 꺼내는 것이다. 데이터..
더 좋은 액션 만들기 🖐🏻이번 장에서 살펴볼 내용 암묵적 입력과 출력을 제거해서 재사용하기 좋은 코드를 만드는 방법을 알아보자. 복잡하게 엉킨 코드를 풀어 더 좋은 구조로 만드는 법을 배운다. 암묵적 입력과 출력은 적을수록 좋다 인자가 아닌 모든 입력 ➡️ 암묵적 입력 리턴값이 아닌 모든 출력 ➡️ 암묵적 출력 👉🏻 앞에서 암묵적 입력과 출력이 없는 함수를 작성했고 이 함수를 '계산'이라고 불렀다. 어떤 함수에 암묵적 입력과 출력이 있다면 다른 컴포넌트와 강하게 연결된 컴포넌트라고 할 수 있다. 다른 곳에서 사용할 수 없기 때문에 모듈이 아님!❌ 이런 함수의 동작은 연결된 부분의 동작에 의존한다. ❗️암묵적 입력과 출력이 있는 함수는 조심해서 사용해야 한다. - 암묵적 입력과 출력이 있는 함수는 아무 때..
액션에서 계산 빼내기 🖐🏻이번 장에서 살펴볼 내용 어떻게 함수로 정보가 들어가고 나오는지 살펴보자. 테스트하기 쉽고 재사용성이 좋은 코드를 만들기 위한 함수형 기술에 대해 알아보자. 액션에서 계산을 빼내는 방법을 배워보자. 테스트하기 쉽게 만들기 테스트를 더 쉽게 하려면 다음 조건이 필요하다. 1. DOM 업데이트와 비즈니스 규칙은 분리되어야 한다. 2. 전역변수가 없어야 한다❌. 재사용하기 쉽게 만들기 재사용하려면 아래와 같은 조건이 필요하다. 1. 전역변수에 의존하지 않아야 한다. 2. DOM을 사용할 수 있는 곳에서 실행된다고 가정하면 안된다❌. 3. 함수가 결괏값을 리턴해야 한다. 액션과 계산, 데이터를 구분하기 - 먼저 해야 할 일은 각 함수가 액션과 계산, 데이터 중 어떤 것인지 구분하는 일이..
함수형 프로그래밍이란? 1. 수학 함수를 사용하고 *부수 효과(side effect)를 피하는 것이 특징이 프로그래밍 패러다임 2. 부수 효과 없이 *순수 함수(pure function)만 사용하는 프로그래밍 스타일 * 부수 효과란? - 함수가 리턴값 이외에 하는 모든 일을 말한다. => ex) 메일을 보내기나 전역 상태 수정하기 같은 일이 부수 효과. - 부수 효과는 함수를 부를 때마다 발생하기 때문에 문제가 될 수 있다. - 어떤 경우에는 리턴값이 필요해서 불렀지만 의도하지 않게 부수 효과가 발생할 수 있다. - 대부분의 함수형 프로그래머는 불필요한 부수 효과를 가능한 사용하지 않으려고 한다. * 순수 함수란? - 인자에만 의존하고 부수 효과가 없는 함수이다. - 인자에만 의존한다는 말은 같은 인자를..