time to wander

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

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

🔎 일주일 동안 한 일 12/6 월 - 미니 프로젝트 주제 선정 / API 설계 / 와이어프레임 / FE 폴더 구조 및 재사용 elements 초기 설정 12/7 화 - FE 각 페이지 뷰 만들기 12/8 수 - FE 뷰 세부사항 수정 / axios 인스턴스 생성 및 api 연동을 위한 인덱스 파일 작성 / 기능 모듈 작성 12/9 목 - FE 뷰 세부사항 수정 / api 파일 수정 / 이미지 모듈 작성 / 로그인, 회원가입 구현 12/11 금 - FE 이미지 업로드 오류 해결 / 포스트 관련 api 통신 오류 해결 / 포스트 추가, 수정, 삭제 구현 12/12 토 - FE 댓글 추가, 삭제 구현 / 로그인 상태 여부에 따른 버튼 조건부 렌더링 / 세부 CSS 수정 / 배포 🔎 우리의 미니 프로젝트 프로..

📍 git flow 정리 내 계정의 repo branch에 변경 내용 push 1. git init → 저장소 초기화 2. git status → stage에 올릴 수정된 파일이 있는지 확인 3. git add . → git status에서 확인된 파일 전체를 스테이지 영역으로 추가 💡 스테이지 영역이란? 커밋할 준비가 된 변경 내용이 git 저장소에 기록되기 전에 대기하는 장소로, add 로 스테이지 영역에 추가하기 전까지는 변경 내용을 지유롭게 수정할 수 있는 작업 디렉토리에 위치하게 된다. 4. git commit -m "msg" → 커밋, 메시지를 통해 명시적으로 기록을 남기는 작업 5. git push -u origin [branch name] 💡 fork한 내 github의 원격 repo의 b..

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