TIL

위의 데이터를 firestore에서 받아왔다. 위의 state에 저장을 해야한다. 어김없이 생기는 에러 useState에 무슨 타입인지 주진 않고 배열이라는 것말 알려줬으니 위와 같은 에러가 생긴다. 이 친구들도 never 타입이 아니라면서 경고를 내뿜는다. 여기서 문제는 둘다 해결할 방법을 찾지 못했다는 것이다. 하나를 해결한다해도 하나만 해결되고 나머지는 해결되지 않았다. 위같이 해준다면 마찬가지로 title,spentTime,progress가 {id:string}이 아니라고 하는데 이 부분은 왜 이렇게 경고가 나오는지 이해가 안된다. 해결된다면 다시 포스팅해야겠다.

enum Alphabet{ A, B, C, D, } console.log(Alphabet.A) // 0 console.log(Alphabet.B) // 1 console.log(Alphabet.C) // 2 console.log(Alphabet.D) // 3 이게 끝이다 ㅎ

타입스크립트 기본형 종류 타입 문자열 string 숫자형 number 불린형 boolean undefined undefined null null 배열과 튜플 const cart: string[] = []; cart.push('c001'); cart.push('c002'); // 배열의 배열 const carts: string[][] = [ ['c001', 'c002'], ['c003'], ]; // 튜플 let mySize: [number, number, string] = [175, 30, 'L']; 객체 타입 let product: { id: string; name: string; price: number; membersOnly?: boolean; // 필수가 아닌 프로퍼티 sizes: string[]..

컴포넌트로 나눌 때 컴포넌트에 스타일링을 적용해야 할 때 컴포넌트 안에 static하게 스타일을 추가하기 보다는 위 같은 방식을 이용하는 것을 생각을 했다. 현업에서는 이런 방식을 쓰나? 어떤 방법을 쓸까? [글수정] 코드를 피드백을 받았다. 이 코드는 잘 생각하고 만든 코드라고 하셨다. 아무래도 컴포넌트 자체는 static한 스타일이 포함되어 있다면 안되기 때문이다.

파일의경로가 url 주소가 되는 기능 pages에 위와 같이 구성 products/1 와 같이 접근 가능 Link는 클릭했을 때 컴포넌트가 '준비'되면 페이지가 넘어감 a태그를 사용하면 페이지를 전부 다 새로 받아옴. Link로 외부 링크 연결할 때는 a태그 처럼 동작함

위와같이 props를 state로 쓰면 rating이 바뀌어야 하는 거 아닌가? 하지만 바뀌지 않는다. 10분은 더 고민했다. useEffect를 써서 해결을 하긴 했다만 본 코드잇 강의에서 이렇게 하지 않았단 말이지... useEffect 안써도 됨!! prop을 1개 추가하면 해결될 문제! prop을 value를 내려주는 걸로 추가해도 되지만 아래와 같이 핸들러 함수를 내려주는 것도 가능 상식적으로 생각했어야 했는데 너무 기억과 감에 의존했다. prop으로 받고 내려주기만 하면 되는 문제 였는데.