[4주차] 장영준 미션 제출합니다.

[yjoonjang]

안녕하세요 장영준입니다 :)

이번 과제는 긴 텀동안 진행해서 더 힘들(?)었던 것 같은데, 조금 디테일 잡을 부분들이 남았지만 잘 마무리해 다행이라고 생각합니다.
우선, 이번 과제를 통해 가장 크게 배운 것은 recoil의 set함수를 사용하여 객체로 된 state를 업데이트 하는 방법이었습니다.

또한, 심심한 기능을 채우기 위해 사진을 첨부하는 기능을 넣어보았습니다. 파일을 선택하게 하여 base64로 코딩한 후, img src의 속성으로 주었습니다. 👍

배포링크

https://react-messanger-16th-zss4-ci7orvb8a-yjoonjang.vercel.app/

KEY QUESTION

1. Routing이란?

• 어떤 네트워크에서 통신을 보낼 때 최적의 경로를 선택하는 과정
• 리액트에서는 react-router를 주로 사용한다.

2. SPA란?

• Single Page Application의 준말.
• 말 그대로 하나의 페이지를 사용하는 어플리케이션으로, 하나의 페이지에서 내용을 동적으로 변경한다.

3. 상태관리

• FE에서의 상태관리란 데이터를 설계된 UI, UX에 맞게 설계하고 구현하는 일이다.
• 상태관리를 위한 유명 라이브러리로는 redux, recoil, Mobx, Context API 등이 있다.

[jhj2713]

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

사진 첨부까지 구현하시다니 깜짝 놀랐네요,,👍 프로젝트 시작하면 이미지나 파일 처리할 일이 많을텐데 이미 그 부분에 대해 학습하신 것 같아서 괜히 뿌듯하네요. 최곱니다.

이미지 처리에 대해 조금 더 말씀드리자면, FileReader의 readAsDataURL처럼 이미지 url을 얻을 수 있는 URL.createObjectURL도 알아보면 좋을 것 같아요. 두 방법의 작동 방식이 다르고 장단점이 있으니 학습해보고 적절하게 사용해봐도 좋을 것 같아요!

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

[JeeeunOh]

프론트가 미래다!!!! 잘 보고 갑니다:)
사진을 첨부했을 때 메세지 리스트에서는 사진을 보냈습니다. 와 같은 디테일이 뜨는 것도 좋았습니다!!!
다만 채팅을 길게 치면

와 같이 프로필 사진과 날짜 영역이 줄어드는데 이 경우 프로필과 날짜에 고정값을 줘서 영역을 유지할 수 있게 해줘도 좋을 것 같아요!!

[JeeeunOh]

북마크해갑니다.