TIL - 2022.05.11(원티드 프리온보딩)

TypeScript를 좀더 자유자재로 쓸 수 있다면 좋을텐데, 사실 내가 하는 ts는 받아오는 데이터의 타입을 적어주는 거지만 실제로 사용할땐 아무래도 어려움이 따르는 것 같다.
이런건 익숙해지면 좋아지겠지...

JSON to TS

https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts

오늘 사용해본 json데이터를 ts type을 자동으로 작성해준다.
vcode에서 해당 extension을 설치 후 json데이터에서
윈도우 : shift+ctrl+alt+v
mac : shift+ctrl+opt+v
자동으로 interface를 생성해준다. 꼭 쓰자~?

프로젝트 구성

오늘은 내가 피그마에서 구상해놓은 것을 어떤 구조를 이용해 사용할지와 기존에 강사님이 제공해 주신 샘플코드를 뜯어보고 적용을 시키는 작업을 시작하였다.

Axios Get

• 서버로 부터 데이터를 요청할때 사용한다.
• 쿼리스트링을 이용해 데이터를 요청
  예시

  axios.get("https://localhost:8080/?", {
    params:{
      key: key,
      data: data
    }
  })

이렇게 작성해주면 https://localhost:8080/?key=key&data=data 이런식으로 서버에 데이터를 요청할 수 있다.