Final Project 6일차 - 프로필 이미지, 로그인 모달

📅 TIL #102




🔔 6일차


오늘은 내가 맡은 profile 페이지에서 더 이상 에러가 있는지 없는지 확인을 했다.


헤더에 있는 프로필 사진을 누르면 유저 메뉴창이 뜨고 라우팅까지 만들어 놓았다. 그리고 로그인 상태에 따라 헤더에 프로필 이미지가 나올지, 로그인이 나올지 만들어주었다.


그리고 이곳 저곳에서 쓰일 것 같은 프로필 이미지를 컴포넌트로 만들었다. 여기에 크기, 너비, 이미지, 컬러를 넣어주면 유저의 프로필 이미지를 보여준다.


프로필 이미지를 설정하지 않았으면 기본 컬러와 이름 앞 글자를 보여준다!


그리고 로그인 모달창에서 이메일을 정확히 입력했을 때만 이메일이 발송되도록 만들어주었다.


그리고 저녁 먹고 나서 부터 랜딩 페이지 공부를 할 수 있었다. 가볍게 공부를 시작해봤는데 정말 잘 만들고 싶은 욕심이 솟구친다 ㅠㅠ




💪 오늘은 어떻게 프로젝트에 기여했나요?


프로필 메뉴창


프로필 메뉴창을 만들어주었다. 이건 만들어 놓으니까 나도 정말 편했다. 페이지를 쉽게 왔다갔다 하니.. 진작 만들어놀껄ㅋㅋㅋ


로그인상태에 따른 헤더 변경


그 다음은 로그아웃 기능을 만든 다음에 로그인 상태에 따라 헤더에 변경점을 주었다.


로그인 모달창 메세지


2주차에는 alert로 대충 다 처리하곤 했는데, 4주차 만큼은 alert를 절대 쓰고 싶지 않아서 메세지 효과로 나타내보았다.







🤔 오늘의 프로젝트에서 힘든 점은 무엇인가요?


오늘은 자잘한 기능들을 구현해서 힘든 점은 크게 없었다.

앞으로 랜딩 페이지를 만들어야 하는데, 이 부분 만큼은 디자인 초안이 없고 심지어 스크롤 이벤트를 해본 적이 없어서 시간이 얼마나 걸릴지 감이 전혀 오지 않는다.

앞으로 만들어야 하는 랜딩 페이지에 대한 걱정이 산더미다 ㅜㅜ







🔥 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?


랜딩 페이지 디자인 기획 및 구조 만들기 랜딩 페이지에 애니메이션 구현 해보기