4차 멘토링 11월 16일

멘토님한테 여쭤볼 질문거리

• 현업 타입스크립트 코드에는 any가 하나도 없는지
  • 📢 안 쓸 수는 없지만 가급적이면 안 쓰려고 한다. any 대신 unknown을 쓰기도 한다.
  • 📢 런타임 타입체크 코드를 추가하는 방법 (typeof, instanceof 사용)
  • 📢 graphQL 등 타입을 자동으로 생성해주는 도구 (type generator)
    • 📢 명세서가 아닌 코드단에서 사용하는 언어에 맞는 타입을 참조할 수 있도록 도와주는 도구
• 인터페이스 vs 타입
  • 📢 서로 제약은 없다. 상황, 부서에 따라 선호도가 다를 수 있고, 다르게 사용할 수 있음. interface를 선호하는 사람이 좀 더 있는 것 같지만, 유의미한 차이는 없음
• 네이버에서 무슨일을 하고 계시는지, 캐나다인데 어떻게 근무가 가능한지
  • 📢 네이버 플레이스
  • 📢 프론트 기술스택: 리액트
  • 📢 요즘은 재택근무로 거의 가능하다.
• 스벨트 어떻게 생각하시는지. 앞으로의 전망?
  • 📢 리액트가 선택지에 없다면 스벨트를 선택하실 예정
  • 📢 Vue는 비추 (스벨트가 더 모던하게 개선된 버전)
  • 📢 Angular는 프론트엔드계의 스프링같은 존재?
• 입사 지원자가 이것만은 안했으면 좋겠다 (자소서, 면접)
  • 📢 이력서 등을 읽었는데 어떤 성과를 얻었는지 명확하게 설명이 되지 않는 것
  • 📢 프로젝트 동작에는 큰 관심이 없다. 그것보다는 프로젝트를 하면서 어떤 걸 얻었는지, 문제 해결과정 등에 더 관심이 간다.
  • 📢 키워드들을 잘 정리하자
• 저희 프로젝트 디자인 냉정한 평가
  • 📢 UX적인 측면에서 유용함을 고려해볼 것
• 상태가 배열일 때
  • 현재 코드에서는 새로운 배열에 slice()로 복사 후 원하는 index의 값을 splice() 메소드로 변경하여 setState() 로 상태를 수정하고 있는데, 더 좋은 방법이 혹시 있을지..?

  const categoryList = [{...객체 값들}]
  const [categories, setCategory] = useState(categoryList);

  ...
  
  let updateCategory = {...바뀔 객체 값};
  let newCategory = categories.slice();
  newCategory.splice(idx, 1, updateCategory);
  setCategory(newCategory);

    // setCategory(categories.map((v, i) => {
    //     if(i === idx) {
    //       
    //       return updateCategory;
    //     } else return v;
    // }))

  // 아래 코드는 첫 번째 시도에는 잘 되는데, 두 번째 시도에는 readOnly 오류가 뜨는 이유...?
  categories.splice(idx, 1, updateCategory);
  setCategory([...categories]);

• 📢 습관을 가지자. 한 번 하기로 마음 먹었으면 꾸준히 하는 습관 (테스트?)
• 📢 왠만하면 오브젝트로 사용. immerjs 학습
• 📢 프로젝트에서 상수를 관리하는 방법을 고민해보자
• 📢 깃허브 리포지토리에 백엔드쪽 json 설정파일 구성이 빠져있으므로 확인해보기
• 📢 이슈를 등록하고 처리하는 기록을 남기는 것은 중요한 일이다.
• 📢 프로젝트 칸반보드는 프로젝트 규모 등 지금으로써 보면 큰 의미가 없을지 몰라도 나중에 큰 회사를 가면 아주 중요하다. 미리 경험해보는걸로 의미를 두자