HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
🎄
유리팀
/
⭐
스크럼
⭐

스크럼

Database
회의록
Tags
스크럼
Date
Jan 10, 2023
Tags (자료 공유)
URL
설명

민재

To-Do

UD 오늘 까지
디테일 페이지
like 기능
share 기능
[JS / Web공통] 링크복사 및 SNS 공유버튼 만들기
이번에 사이드 프로젝트로 간단하게 MBTI를 개발했다. (링크) 여타 MBTI도 그렇고 사용자들의 원활한 공유를 위해 링크복사 버튼과 SNS 공유버튼(카카오, 페이스북, 트위터) 을 추가했다. 크게 어려운 기능은 아니나, 서비스 홍보 목적에서 FE에서 유용한 기능이므로 간단하게 정리 및 공유하면 좋을 것 같아 간만에 포스팅을 작성한다! 📒 링크복사 버튼 링크복사의 경우, 다양한 방법들이 있다.
https://abangpa1ace.tistory.com/255
[JS / Web공통] 링크복사 및 SNS 공유버튼 만들기

질문

  • useEffect안에 함수를 쓰기위해 useCallback을 활용해야하는 이유?
  • postpage 구현 중 고충 - 해결

민종

To-Do

회원가입 기본 로직 구현
피그마에 있는 로그인 페이지 디자인 입혀보기

질문

  • 디자인은 다연님 것을 참고해서 작업하면 되는지? 아니면 지원님이 만들어두신 것?

지원

To-Do

탭 메뉴 컴포넌트
user get
탭 아이템 컴포넌트
my-posts list
  • post Item 컴포넌트화
    following
    followers

    질문

    • Typescript Issues:
      • How to access property using variable as key when “possibly undefined”
    • followers api 질문 → within current API, I need to take follower ID from Array and request get User. Is this the only way?

    다연

    To-Do

    모바일 디자인
    로그인/회원가입
    메인(그라운드 리스트)
    그라운드 상세페이지

    질문

    • 회원가입 시, 이메일 형식이 유효한지 체크하는 것을 도입하나요?
      • 답변: yes !!
    • 포스트 작성에서 title - title과 body로 나누기
    const [userInfo, setUserInfo] = useState<UserResponse>(); const TabMenuItems = ['posts', 'followers', 'following']; {TabMenuItems.map((item) => { return ( <li key={item}> {userInfo![item]} </li> ); })}
    interface User { name: string; email: string; } const user: User = { name: 'minjong', email: 'minjongbaek@gmail.com', }; // 1. for (const key of Object.keys(user)) { console.log(`${key}: ${user[key]}`); } // 2. for (const key of Object.keys(user) as Array<keyof User>) { console.log(`${key}: ${user[key]}`); } for (const key of Object.keys(user) as Array<keyof typeof user>) { console.log(`${key}: ${user[key]}`); }
    "following": [ { "_id": "6169e91316cb2265df003c6d", "user": "6169e58216cb2265df003bf4", "follower": "6169e206aa57d952c6dc1edd", "createdAt": "2021-10-15T20:48:19.816Z", "updatedAt": "2021-10-15T20:48:19.816Z", "__v": 0 } ]