map()2 [Typescript] 'socialLoginImg'는 'undefined'일 수 있습니다. 로그인과 회원가입 화면을 구현할 때 공통 컴포넌트인 AuthInputForm.tsx를 활용했다. LoginData와 SignUpData에 따라 다른 레이아웃을 구현할 수 있도록 부모->AuthInputForm에 data를 넘겨주고 있다. 상황 로그인 컴포넌트에서는 AuthInputForm으로 LOGIN_DATA와 소셜 로그인 아이콘이 담긴 SOCIAL_IMG 배열 두 개를 넘긴다. 회원가입 컴포넌트에서는 SIGN_UP_DATA만 넘긴다. 그래서 AuthContainerProps의 인터페이스에서 socialLoginImg를 ? 로 선택적 프로퍼티가 되도록 설정했다. export interface AuthFormInputItem { id: number; title: string; type: string; n.. 2023. 4. 4. [React] map()을 이용한 댓글 기능 구현 2022년 12월 27일 작성 위스타그램 메인 화면에서 댓글을 다는 기능을 구현했다! 기능을 구현하기 전에 내가 입력한 값을 comment에 담고, 그것들을 commentList 배열에 담아서 map()을 이용해야겠다는 계획을 세웠지만 map() 을 어떻게 써야할지가 너무 막막했다. 일단 접근 방법은 아니까 이틀정도 시간이 날 때마다 틈틈이 구현에 도전했지만 구현할 수가 없었다. 어떻게 해야 할까 고민하다가 다짐을 했다. 하나는 문제가 해결되지 않았을 때 기존의 위코드 수강생들의 코드를 찾아보지 않는 것이다. 그러기 위해서 map() 으로 어떻게 리스트를 뿌려주는지 영상이나 글을 찾아보고, 내 코드에 적용하는 식으로 공부했다. 구현이 성공했을 땐 기존 수강생들의 코드를 보고 내가 한 방법 말고 다른 구현.. 2023. 2. 24. 이전 1 다음
