Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[4주차 이한비 미션 제출합니다] #21

Open
wants to merge 21 commits into
base: master
Choose a base branch
from

Conversation

AlmondBreez3
Copy link

기본 사항은 다 구현 하였고 선택사항에서 recoil상태를 사용했습니다.
추가적으로 나만의 채팅방 만들기를 추가 했습니다!
또한, 채팅방에 스크롤 효과도 넣어주어 보았습니다.
기존 3주차 때와 다르게 css에 시간을 조금 더 들였기때문에 css에 대한 공부를 한 주가 되었습니다.

가장 어려웠던것은 채팅방 문자 보내는 부분이었습니다. 제대로 잘 전송이 된다 싶으면 단체 채팅방처럼 모든 유저가 나타나고, 보내지지는 않는데
유저값이 옳바르게 나오거나 등 이런 문제점들의 반복때문에 이틀은 채팅방 문제 때문에 시간을 많이 썻던것 같습니다! 하지만 며칠을 공부하고 고민을 한 결과,
객체를 따로 선언해주고 전개연산자를 이용하여 setRecoilState를 통해서 메세지값 전송 및 상태 변경을 할수 있게되었습니다. 이 경험을 바탕으로
나만의 채팅방을 빠르게 구현할 수 있었습니다!

베포링크:
https://react-messanger-16th-zeta.vercel.app/

key Questions:
Routing이란?: 신규 페이지를 불러오지 않는 상황에서 각각의 url에 따라 선택된 데이터를 하나의 페이지에서 렌더링 해주는 것으로 볼 수있습니다
SPA란? :Single Page Application(싱글 페이지 애플리케이션)의 약어입니다.한 개의 페이지로 이루어진 애플리케이션이라는 의미입니다.
상태관리란? : 데이터를 설계된 UI, UX에 맞게 설계하고 구현하는 일입니다.

@jhj2713
Copy link
Member

jhj2713 commented Nov 5, 2022

안녕하세요, 프론트 파트장 주효정입니다🙌

개인적으로 어떤 친구들이 나올까 기대가 됐는데 역시나 기대를 저버리지 않는군요. 인상적입니다. 스타일링도 너무 예쁘네요👍

그런데 컴포넌트가 조금 긴 것 같은 느낌이 있어요. 하나의 관심사를 가지고 긴 것은 문제가 되지 않지만 관심사를 나눌 수 있는 경우면 꼭 나누는게 좋을 것 같아요. MainPageTempList 같은 것도 따로 빼줄 수 있겠죵

이번주도 수고많으셨고 스터디 시간에 뵐게요~🥳

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants