Book
3 posts
📚 쏙쏙 들어오는 함수형 코딩 독서 기록

단순함이란 궁극의 정교함이다. “Simplicity is the ultimate Sophistication” 한국어 번역 제목은 ‘쏙쏙 들어오는 함수형 코딩’이어서 처음에는 ‘함수형 패러다임’에 대해 설명하는 줄 알았다. 하지만 책을 보면 그것보다는 더 나아가서 어떻게하면 좋은 함수를 만드는지에 대해서 설명하고 있다. 책에서도 언급하듯, 이 책에 나오는 내용들은 객체지향과 같은 다른 패러다임에서도 충분히 사용될 수 있다. 아무튼 깔끔한 코드를 작성하기 위해서 한번쯤 읽어보면 좋은 책! 🧠 CHP3. 액션,계산,데이터 액션 실행 시점, 횟수에 의존한다. 부수 효과 (Side-Effect), 순수하지 않은 함수라고도 부른다. 예시) 이메일 보내기 / 데이터베이스 읽기 계산 입력으로 출력을 계산한다. 순수함수라고 부른다. 예시) 최댓값 찾기, 이메일 주소가 올바른지 확인하기 데이터 이벤트에 대한 사실 예시) 사용자가 입력한 이메일 주소, 은행 API로 읽은 달러 수량 장보기에 액션-계산…

January 05, 2023
블로그
Tech
Book
React-Query 의 initialData와 PlaceholderData 사용하기

문제정의 서버에서 데이터가 아직 도착하지 않았을 때 우리는 보통 Loading UI 를 보여주곤 한다. 그런데 Loading UI 를 보여주고 싶지 않을때는 어떡할까? 그 때는 보통 아래와 같은 nullish 병합 연산으로 아직 오지 않은 데이터에 대한 기본값을 처리할 것이다. 하지만 생각해보면 과연 데이터가 도착하지 않았을 때, 디폴트 값 인 ‘0’으로 표시해주는 것이 UI 렌더링 계층의 역할인지 생각해보자. UI를 그려주는 영역에서, 까지 신경써줘야할까? 그게 과연 UI 렌더링에 속하는 역할인지 생각해보면 아닌 것 같다. UI 를 그려주는 영역의 역할은 단지 일 뿐이다. 간단한 데이터 스키마가 아니라 더욱더 복잡해질 경우.. 저런 nullish 병합 연산자 코드와 같이 데이터가 도착하지 않았을 때 특정 형태의 디폴트 데이터로 대체하는 코드가 가득해지면 아래와 같이 UI를 그려주는 영역의 역할이 더욱더 모호해지지 않을까생각한다. 왜냐하면, 첫번째로, 계속해서 서버에서 보내주는 데…

January 04, 2023
블로그
Tech
Book
📚 이펙티브 타입스크립트 독서 기록

타입스크립트와 자바스크립트의 관계 타입스크립트는 자바스크립트의 상위집합 (Superset) 즉 모든 자바스크립트는 타입스크립트 (하지만 반대는 성립하지 않음) 타입스크립트를 사용하는 이유 타입스크립트의 타입 시스템은 런타임에 오류를 발생시킬 코드를 미리 찾아낸다. 코드 생성과 타입이 관계 없음을 이해하기 타입스크립트가 자바스크립트로 변환 될 때, 코드 내의 타입에는 영향을 미치지 않는다. 자바스크립트 실행 시점에도 타입은 영향을 미치지 않는다. 런타임에는 타입 체크가 불가능하다. 타입은 런타임 시점에 아무런 역할을 할 수 없다. 타입스크립트의 타입은 제거 가능하기 때문에, 실제로 자바스크립트로 컴파일 되는 과정에서 모든 인터페이스, 타입, 타입 구문은 그냥 제거되어 버린다. 런타임 타입은 선언된 타입과 다를 수 있다. 어느경우? API 호출로 받아온 값의 경우 구조적 타이핑 위에 Vector3D 에는 Vector2D 타입에 있는 x , y 속성이 있기 때문에 calculateLen…

November 03, 2022
블로그
Tech
Book