Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

TIL 1월 23일

daeun heo edited this page Jan 24, 2023 · 8 revisions

김수찬 🤟

Facts

  • 스터디 진행
  • 정기회의 하는 줄 알았었다
  • 디버그 및 테스팅 생각보다 어렵...

Feeling

  • 버그 잡아도 잡아도 끝이 안난다...
  • 연휴 마무리 잘하자 기운냅시당

Finding

  • 버튼을 만들려면 streaming제공자가 종료한다는 것을 알려줘야하는데 그 방법에 대해 사용법은 알겠는데 접근하는 방식을 모르겠다

Future (Optional)

  • 버튼화 작업 후 테스팅 진행
  • README에서 테스트 하는법 소개


김현우 😀

Facts

  • atom 단위 분석
  • typescript 강의듣기
  • zustand 사용
  • 죽전역 스터디(with 종인님, 수찬님, 다은님)

Feeling

  • 학교에서 진행하는 프로젝트를 스터디 초반부에 마무리한다고 했는데 리액트를 좀 많이 봤다고 생각했는데 모르는 부분이 여전히 많은것 같다.
  • typescript 강의 들으면서 생각한거지만 type을 전부 다 씌우는게 항상 좋은건 아닌거 같다.

Finding

  • feeling에서 얘기한 프로젝트에서 난 에러를 다은님께서 같이 고쳐주셨는데 확실히 작성하는 스타일에 따라 다른 부분이 있는 것 같음.(다른건 그렇다치고 말씀하시는 거 중에 들었을 때 바로 알아듣는게 조금 힘들걸 보면... 공부가 더 필요하지 않을까 생각이 듬)
  • const fetchData = async () => { const { data } = await axios.get( BASE_URL ); }; react-query를 적용하는 와중에 한번 더 전에 짠 코드를 보다가 const {data} 에서 {data}부분을 바꾸게 되면 return이 undefined로 돌아왔다. 어째서? 여러 경우를 테스트 해봤지만 이게 원인이다 라고 생각이 안드는 문제와 참고했던 여러 자료들에서도 나오지 않았던 경우라서 좀 더 찾아봐야 될것 같다.

Future (Optional)

  • zustand, react-query 이론 한번 더 정리하기
  • typescript 강의 듣기


박규현 🤑

Facts

  • somthing..

Feeling

  • somthing..

Finding

  • somthing..

Future (Optional)



백종인 🐭

Facts

  • somthing..

Feeling

  • somthing..

Finding

  • somthing..

Future (Optional)



허다은 🐣

Facts

  • 현우님, 종인님, 수찬님과 카페 모각코(14:00 ~ 18:30)
  • 타입스크립트 에러 해결

Feeling

  • 발생한 타입스크립트 에러를 금방 해결하고 스토리북 공부와 밀린 공부를 하려고 했는데, 생각보다 에러가 해결되지 않아서 시간이 많이 소요되어서 다른 공부를 거의 하지 못했다. 타입스크립트에 대해 너무 모르는 것 같다.. 이번주는 타입스크립트를 위주로 공부를 해야겠다.
  • 팀원과 소통을 할 때 너무 자기중심적으로 말하는 것 같음.. 말하기 전에 좀 더 신중하게 생각하고 예쁘게 말하는 연습을 해야지..🥲

Finding

  • 타입스크립트

    • interface는 같은 이름으로 또다시 선언하면 새로운 속성을 추가할 수 있다(반면에 type은 불가능함). 이를 선언적 확장이라 한다.
    interface Window {
     title: string
    }
    interface Window {
     ts: TypeScriptAPI
    }
    // 같은 interface 명으로 Window를 다시 만든다면, 자동으로 확장이 된다.
    const src = 'const a = "Hello World"'
    window.ts.transpileModule(src, {})
    • type에서는 computed value를 사용할 수 있지만, interface는 불가능하다.
    type names = 'firstName' | 'lastName'
    type NameTypes = {
     [key in names]: string
    }
    const yc: NameTypes = { firstName: 'hi', lastName: 'yc' }
    interface NameInterface {
     // error
     [key in names]: string
    }
    • type보다는 interface가 성능이 더 좋다! 따라서 객체 타입을 만들 때에는 무조건 interface를 사용하도록 하자. (interface는 합성할 때 캐시가 되지만, type은 그렇지 않기 때문).
    • 참고 자료: https://yceffort.kr/2021/03/typescript-interface-vs-type

Future

  • 타입스크립트 강의 듣기! (코딩애플 → 유데미)

Clone this wiki locally

AltStyle によって変換されたページ (->オリジナル) /