목록2022/06 (7)
Silver Library (Archived)
때로는 원초적인 낮은 단계의 것에서 그 해답을 찾을 수 있다. 라는 말이 있다면, 여기에 어울리는 말 일 겁니다. react icon 같은 걸 import 한 건 좋은데, 도무지 저걸 어떻게 적용할까? 라는 이상한 고뇌에 잠시 빠졌었습니다. 그렇게 앓던 중, 한번 시험삼아 원초적인 방식으로 html 로 작성하듯이 접근 해 봤는데 해결이 된 사례입니다. 아래의 import { GrCheckbox } from 'react-icons/gr' 이 후, 아래의 p 태그 이후에 적히는 {} 내부에 그대로 가 입력됩니다. import React, { useState } from 'react' import './App.css' import { GrCheckbox } from 'react-icons/gr' import ..
type 과 interface. 타입스크립트에서 쓰이는 두 선언을 기록하는 유형 정도로 인식하고 있다. type 은 단일 class 같은 성격을 가졌고, 따라서 유연하게 extends 해서 연달아 애드온 하듯이 작성하는 것은 불편하다는 인식이다. 반면, interfcae 의 경우, 연달아 사용해서 쓰는게 가능하다는 인식이다. 자, 체스판을 한번 뒤집어보자. 이 type 의 경우, 사실 interface 와 마찬가지로 도중에 끼워넣기 식으로 추가할 수 있다. 아래의 type kimochi 에 있는 내용을, 그 다음 doredake 에서 이어 적용하듯이. 아래 두번째 doredake 를 보면 알 수 있다. type kimochi = { a: string b: number } type doredake = ki..
TS로 일정표를 만들기 위해 필요한 것은, 크게 두갈래길로 보인다. 하나는, useState 를 사용하고, FC 를 선언 해 주면서 시작하는 것. FC , the component automatically accepts children provided to your component. It will not throw any typescript error, but it actually should, because the children do nothing. 나머지는, 비록 멋은 없어 보이지만 가장 친숙한 JS 위주의 표현식으로 진행하는 것. 예를 들면, 아래의 코드처럼 말이다. import { v4 as uuidV4 } from "uuid" type Task = { id: string title: stri..