프로젝트 (3) 썸네일형 리스트형 [FE_Bootcamp] Main Project_로그인/회원가입 홈 화면을 만들고, 홈 화면에서 바로 이동 할 수 있는 페이지인 로그인과 회원가입 페이지를 만들기로 했다. 드디어 서버 통신을 사용하고, 백엔드와의 협업을 하는 페이지라 조금 무섭기도 했지만 프리 프로젝트를 참고해서 천천히 해보기로 했다 1. 서버 통신 로그인을 하기 위해서는 회원 가입이 먼저 필요했지만, 로그인을 우선 구현하기로 했다. 일단 서버에 테스트 이메일과 비밀번호를 넣어놓고, 그 이메일로 로그인을 했을 때 성공하는지 확인을 해 보았다. 로그인은 POST 메서드를 사용하므로, 따로 Header 없이 Body만 전송해주면 됐다. Body도 email과 password만 포함되면 되므로, email과 password를 입력받아 Body에 넣고, 이를 axios를 통해 서버로 전송해주고자 했다. co.. [FE_Bootcamp] Main Project_Home 메인 프로젝트의 개요를 전부 잡고, 본격적으로 개발에 들어가게 되었다. 개요를 대강 설명하자면, '위시리스트 기능이 포함된 가계부'로, 크게 5개의 페이지로 나눌 수 있다. 가계부 소비 패턴 분석 위시리스트 유료 구독 결제 마이페이지 여기에 홈 화면과 로그인/회원가입까지. 프론트엔드 팀원은 3명이었으므로, 한명씩 만들고 싶은 페이지를 가져간 뒤, JIRA를 통해 작업 상황을 공유하고 맡은 작업이 끝나면 다음 작업을 가져오는 방법을 사용했다. 우선 개발 첫날이었으므로, 서버 통신이 딱히 필요하지 않은 홈 화면을 만들기로 하였다. 개발 과정은 전부 쓰지 않고, 내가 처음 써보았거나 공부가 좀더 필요해서 많이 알아보고 썼던 기능 또는 라이브러리 등에 대해서만 쓸 예정이다. 1. 화살표를 클릭하면 자동 스크롤 .. [FE_Bootcamp] Main Project_프로젝트 시작 블로그를 몇달만에 쓰는 것 같다. 프리 프로젝트 중간 정도부터, 메인 프로젝트가 끝날 때 까지 정말 온갖 사건사고에 휘말리다 보니 블로그는 생각조차 안났고, 그 덕분에 약 2달정도의 커다란 공백이 생기고야 말았다. 꾸준히 쓰겠다던 나 어디? 아무튼, 지난 8월 3일부로 코드스테이츠 모든 과정이 끝났고, 조금 휴식을 취하며 본격적인 취업 준비에 들어가게 되었다. 그 전에, 내가 만든 메인 프로젝트를 돌아보고, 만들면서 어려웠던 것이나 잘 안됐던 것들, 또는 새롭게 배웠던 것들에 대해 정리해보고자 한다. 1. 프로젝트 시작 전 프리 프로젝트를 통해 만나게 된 백엔드 분과 같은 팀을 하게 되었다. 많은 사람들과 만났지만 딱 스터디나 페어 프로그래밍 이상의 친분은 쌓지 않았고, 그래서 딱히 같이 할 사람이 없던.. 이전 1 다음
