스크럼

민재

To-Do

share 기능

[JS / Web공통] 링크복사 및 SNS 공유버튼 만들기

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

https://abangpa1ace.tistory.com/255

질문

• useEffect안에 함수를 쓰기위해 useCallback을 활용해야하는 이유?

• postpage 구현 중 고충 - 해결

민종

To-Do

질문

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

지원

To-Do

질문

• Typescript Issues:
• How to access property using variable as key when “possibly undefined”

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]}`);
}

• followers api 질문 → within current API, I need to take follower ID from Array and request get User. Is this the only way?

"following": [
    {
      "_id": "6169e91316cb2265df003c6d",
      "user": "6169e58216cb2265df003bf4",
      "follower": "6169e206aa57d952c6dc1edd",
      "createdAt": "2021-10-15T20:48:19.816Z",
      "updatedAt": "2021-10-15T20:48:19.816Z",
      "__v": 0
    }
]

다연

To-Do

질문

• 회원가입 시, 이메일 형식이 유효한지 체크하는 것을 도입하나요?
• 답변: yes !!

• 포스트 작성에서 title - title과 body로 나누기