time to wander

Today I Learned 오늘 로그인, 회원가입 기능 구현을 끝냈다! 프론트엔드, 백엔드 모두 꼼꼼하게 확인한 덕분에 API 통신도 에러 없이 한 번에 됐다. 개인과제에서 파이어베이스 Auth 서비스로 회원가입, 로그인을 만들어본 적은 있지만 프로젝트에서 회원가입, 로그인을 담당하게 된 건 처음이었는데 문제 없이 잘 작동해서 다행이라고 생각했다. 📍 회원가입, 로그인 유효성 검사 백엔드에서 이미 회원가입, 로그인에 대한 유효성 검사를 처리해주었지만 프론트엔드에서도 이중으로 유효성 검사를 설정해주면 더 좋다는 얘기를 들은 적이 있어서 프론트엔드에서 할 수 있는 만큼의 유효성 검사를 설정했다. Unsplash 회원가입 페이지에서는 아래와 같이 회원가입 입력값의 조건이 맞지 않을 경우 label과 inpu..

Today I Learned 7주차의 첫 날이 밝았다. 이번 주에 배정받은 조의 조원들은 모두 안면은 있는 분들이라서 내심 다행이라고 생각했다. 우리 조는 Unsplash 라는 고해상도 이미지를 업로드하거나 다운받을 수 있는 사이트를 클론 코딩하기로 했는데 로그인, 회원가입 페이지의 뷰를 만들면서 정해져 있는 것을 똑같이 만드는 것도 쉬운 일은 아니라는 생각이 많이 들었다. 지금까지 항상 CSS를 어려워 했었는데 이번 클론 코딩을 통해서 많이 배울 수 있을 것 같다. 특히 영역을 잡는 게 제일 어려웠는데, div 태그를 이용해서 꼼꼼하게 영역을 잡아주는 과정 신기했다. 🤔 elements 재사용에 대한 고민 React 주특기 기간에 들었던 강의에서 멘토님은 미리 만들어 놓은 elements 들을 자유자재..

Today I Learned 📍 백엔드와 협업 시작 오늘은 항해 6주차를 시작하는 날임과 동시에 백엔드와 협업하여 프로젝트를 완성하는 미니 프로젝트 주차이기도 했다. 고작 하루였지만 내가 백엔드의 영역에 대한 기초지식도 없다는 게 너무 아쉬웠다. 아는 게 조금이라도 있었으면 커뮤니케이션의 질이 올라갔을 텐데 라는 아쉬움이 크게 남았다. 개인적으로 이번 주는 프로젝트의 완성도도 물론 중요하지만 그것보다도 처음으로 경험해보는 백엔드와 프론트엔드와의 협업을 어떻게 진행해야 하는지에 더 초점을 맞추기 위해서 프로젝트의 스코프는 첫 주차 때 만큼이나 좁게 잡았다. 이번 주에는 경주마처럼 급하게 달려가기 보다는 한 숨 쉬어가면서 지난 주특기 주차 동안 배운 것들을 내 것으로 완전히 체화하는 게 가장 큰 목표이다. ..

Today I Learned 를 가장한 Yesterday I Learned 오늘도 개인 과제만 했다! 무한스크롤, 좋아요 기능, 레이아웃 선택 등 구현해야 하는 것들이 여러가지 남아있었지만, 그중에서도 삭제 기능은 저번 주 과제할 때 추가로 넣었던 기능이라 금방 끝날 줄 알고 포스트 삭제를 먼저 구현하기 시작했다. 👩🏻‍🌾 오늘의 수확 📍 포스트 삭제 버그 해결 처음 코드를 작성해 나가는 데는 큰 어려움은 없었지만 다 작성하고 확인해 보니 두 가지 문제가 발생하고 있음을 발견했다. 1) 삭제 버튼을 누르면 포스트는 그대로 남고 이미지만 사라지는 문제 이번 주에는 포스트에는 이미지를 업로드 할 수 있어 Firebase의 Firestore 뿐만 아니라 Storage 도 함께 이용하여 업로드한 이미지는 Sto..

Today I Learned 오늘은 포스트를 작성해서 데이터를 리덕스와 파이어스토어에 연결하고, 목록에 생성된 포스트를 수정하는 방법에 대해서 배웠다. 이미지가 포함된 포스트이기 때문에 처음으로 input 태그의 file 타입도 사용해보았다. 어제 로그인과 회원가입을 구현하는 것 자체도 어려웠는데 오늘 배운 게시글을 작성하거나 수정하는 것들도 로그인 상태와 관련이 있다보니 100% 이해하기 어려웠다. 그리고 게시글을 작성하는 과정에서 이미지를 미리 보여주는 작업과 게시글을 수정하는 작업도 신경써야 하는 부분이 많다는 걸 다시 한번 느꼈다. 👩🏻‍🌾 오늘의 수확 📍 로그인 상태 체크 쿠키를 설정하고 삭제함으로써 로그인 상태를 체크한 후, 그에 따라 로그인 상태에 따라 유연하게 작동하는 기능들을 작업할 수 ..