JudithHopps JudithHopps

5장 any 다루기 타입 스크립트의 타입 시스템은 선택적이고 점진적이기 때문에, 정적이면서 동적인 특성을 가지고 있다. item 38. any 타입은 가능한 한 좁은 범위에서만 사용하기 - Blink 예시 ) any 로 선언을 하지만 @ts-ignore을 사용해서 강제로 타입 오류를 제거 class Form extends React.Component { constructor(props: any) { super(props) const initialState: any = { goodsName: '', moid: '', amount: '', buyerName: '', buyerTel: '', buyerEmail: '', returnURL: '', ReqReserved: '', ediDate: '', hashS..

localhost에서 cors 에러뜨는데, 서버 담당자가 자리를 비웠을 때 , 임의로 로컬에서 수정할 수 있다. MAC(맥북)에서 hosts파일을 수정하는 방법 Windows에서 와 같이 MacOS에서도 hosts파일을 수정할 수 있습니다. hosts파일이란? hosts 파일은 운영 체제가 호스트 이름을 IP 주소에 매핑할 때 사용하는 컴퓨터 파일이다. 이 hosts 파일은 플레인 텍스 blog.stories.pe.kr 1. terminal sudo vim /private/etc/hosts 2. 내용 추가 127.0.0.1 localhost.getmiso.com (원하는 주소) 3. 주소창 localhost.getmiso.com:port번호

https://www.figma.com/dev-mode/ Dev Mode: Design-to-Development | Figma Figma's Development Mode helps developers transfer design into code. Streamline workflows between design and development so that there is more clarity on what's being built. www.figma.com 디자이너님은 피그마 개발자 모드 관련 해서 ppt 발표를 해주셨다.

3장 타입 추론 타입 스크립트는 타입 추론을 적극적으로 수행한다. 아이템 24 일관성 있는 별칭 사용하기 별칭은 타입 스크립트가 타입을 좁히는 것을 방해하기 때문에 일관성 있는 별칭을 사용해야 한다. 별칭을 남발해서 사용하면 제어 흐름을 분석하기 어렵다. 타입 스크립트는 함수가 타입 정제를 무효화하지 않는다고 가정한다. 비구조화 문법을 사용해서 일관된 이름을 사용하는 것이 좋다. // 객체 비구조화 예시 const person = { name: 'John', age: 30, address: 'Seoul' }; const { name, age, address } = person; console.log(name); // 'John' console.log(age); // 30 console.log(addres..

3장 타입 추론 타입 스크립트는 타입 추론을 적극적으로 수행한다. 아이템 19. 추론 가능한 타입을 사용해 장황한 코드 방지하기 코드의 모든 변수에 타입을 선언하는 것은 비생산적이며 형편없는 스타일로 여겨진다. 타입 추론이 된다면 명시적 타입 구문은 필요하지 않다. 방해만 될 뿐이다. 함수 매개변수에 타입 구문을 생략하는 경우도 간혹 있다. 예를 들어 기본값이 있는 경우를 예로 들자. TypeScript에서 함수 매개변수의 타입 구문을 생략하는 경우, 타입 추론을 통해 매개변수의 타입을 유추하도록 할 수 있습니다. 이를 "타입 추론"이라고 합니다. 타입 추론은 변수의 할당값이나 함수의 반환값을 기반으로 해당 변수 또는 매개변수의 타입을 추론하는 TypeScript의 기능입니다. 예를 들어, 다음과 같이 ..

타입스크립트는 런타임에서의 에러를 잡아줄 수 없음 타입스크립트는 런타임에서의 에러를 잡아줄 수 없음 EXAMPLE const test = (value: string) => { console.log(value); }; // test 함수의 매개변수는 string인데 number를 넣어서 타입 에러이다 test(1); test 함수의 매개변수는 string인데 number를 넣어서 타입 에러이다. 하지만, 위와 같은 코드가 자바스크립트로 변환되면 const test = (value) => { console.log(value); }; test(1); 이렇게 되기 때문에 코드는 정상적으로 동작한다. 그래서 타입 체커는 에러를 화면에 띄워주지만 트랜스파일된 자바스크립트 파일은 아무런 문제가 없기 때문에 정상적으로..

12. 함수 표현식에 타입 적용하기 타입 스크립트에서는 함수 표현식을 사용하는 것이 좋다. 반복되는 함수 시그니처를 하나의 함수 타입으로 통합할 수 있다. ex) type ArithmeticFunction = (num1: number, num2: number) => number; const add: ArithmeticFunction = (num1, num2) => { return num1 + num2; }; const subtract: ArithmeticFunction = (num1, num2) => { return num1 - num2; }; const multiply: ArithmeticFunction = (num1, num2) => { return num1 * num2; }; const divide..

6. 편집기를 사용하여 타입 시스템 탐색하기 TS 설치시 실행 되는 것 1. 타입 스크립트 컴파일러 (tsc) 2. 타입 스크립트 서버 (tsserver) 편집기를 통해 타입 추론을 확인 할 수 있는데, 아래와 같이 적혀 있다. item 19 (108p)를 보면 타입 추론이 된다면 명시적 타입 구문은 필요하지 않다. 오히려 모든 변수에 타입을 지정하는 것은 비생산적이고 방해가 된다. 조건문의 분기, 객체 개별 속성을 확인 할 것 ex ) bannerType은 WebView 와 Screen 둘 중 하나이지만, if 문 안의 bannerType은 WebView이다 . ex) 탐색기에서 오류 1 // 오류를 일으키는 타입스크립트 코드 예제 type User = { name: string; age: number..