My Chat리스트 완성 & 로그인 기능에 관한 고민

껍데기 뿐인 myChat에 기능을 넣어주었다.

props에서 전달받은 모든 메세지 리스트들을 순환하면서 사용자에게 맞는 msg만 필터링하여 state에 전달했다.

useEffect로 render시 딱 한 번만 불러오게끔 설정해뒀다. 지금은 sender가 고정값은 string이지만 나중에 로그인 기능을 

넣으면 로그인한 사용자의 username과 일치하는지 조건만 바꿔주면 될 것 같다. 

 

지금 또 고민중인게 로그인에 관한 것이다. snichat을 firebase와 같은 google로그인 혹은 email가입을 하여 채팅하는

기능이 의미가 있을까 싶다. 사실 Snichat의 속성이 SNS라고 하기엔 너무 과한 느낌이고 그냥 임시로 방문해서 채팅 잠깐 즐기다 떠나는 목적이 대부분일 것 같다. 이 생각은 내가 만약 사용자라면..에서 온 생각이다..ㅎㅎ그렇지만 고정적으로 

자기 닉네임을 쓰고 싶은 user도 있을 것이기 때문에 처음에 방문했을 때는 임시 프로필이 주어지게끔 하고 로그인하면 프로필이 바뀌게끔 하는 게 어떨까 싶기도 하다... 생각만 하면 굉장히 어려운 기능일 것으로 예상되는데 차근차근 해나가면 또 큰 기능이 완성되리라 믿는다. 오늘도 수고했다!

 

    const filterMsg = () => {

        let allMsg = []

        chatData.lists.map((list) => {

            list.listMsg.map((msg) => {

                allMsg.push(msg)

            })

        })

        const filteredMsg = allMsg.filter(msg => msg.sender === 'han');

        setMessage(filteredMsg)

    }