Brian's Blog

러닝 타입스크립트 파트 2: 특징 [챕터 5] (항해99 사전스터디)

50페이지는 불가능 한거 같습니다. 아무리 시간을 짜도, 힘드네요. 타입 annotation을 사용해 변숫값에 주석을 추가하는 법을 봣는데, 이젠 함수 매개변수와 반환 타입에서 동일한 작업을 수행하는 방법과 이 방법이 유용한 이유를 살펴 보겠답니다. 함수 함수 매개변수 명시적 타입 정보가 선언되지 않으면 절대 타입을 알 수 없고, TS는 any...

리액트 스터디 [리스트 렌더링] (항해99 사전스터디)

React에서 리스트 렌더링은 배열 데이터를 기반으로 여러 컴포넌트를 효율적으로 생성하고 표시하는 방법입니다. 이를 통해 반복적인 UI 요소를 간결하게 구현할 수 있습니다. 배열 데이터 렌더링하기 배열의 각 요소를 컴포넌트로 변환하려면 JavaScript의 map() 함수를 사용합니다. const people = [ { id: 1, name:...

리액트 스터디 [Lifecycle] (항해99 사전스터디)

수업이 이번주에 시작을 해서 정말 정신없는데, 부모님도 시드니까지 오셔서 더 시간이 없네요 ㅠㅠ 담주부터는 일 업무도 많아지는데 걱정입니다.. – 생명주기 (Lifecycle) React의 Effect는 컴포넌트와는 독립적인 생명주기를 가집니다. 컴포넌트는 마운트, 업데이트, 마운트 해제의 생명주기를 따르지만, Effect는 동기화의 시작과 중지...

프런트엔드 개발을 위한 테스트 입문: 챕터 5.1 ~ 5.3 (항해99 사전스터디)

진짜 시간 없는게 느껴지는 빡센 날들이네요.. 이해가 안가던 문장의 뜻을 알아보았는데요 참조를 취득하다: 특정 요소를 찾아서 조작하거나 확인할 수 있도록, 그 요소의 정보를 변수에 할당하는 과정 이라고 합니다. UI 컴포넌트 테스트 기초 MPA / SPA 과거엔 페이지 요청 단위에 기반하여 사용자와 대화하는 방식으로 개발하는 것이 ...

리액트 스터디 [불변성] (항해99 사전스터디)

사실 리액트를 처음하는것이 아니기에, 좀 시간도 없는데 하나하나 정리를 하는게 시간이 너무 소요가 되는것 같습니다. 앞으로 리액트한에서는 모르는것만, 제 기준 어려운것만 적어볼 예정입니다. 불변성 Immutability 불변성이란? 메모리에 있는 값을 변경할 수 없는것. 원시 데이터는 불변성이 있고 객체, 배열, 함수는 없습니다....