# sw camp
#3 항해 sw camp 지도 기능 제작
항해 sw camp #3 기능을 맡게 된 배경 > pm분들이 기획 해 주신 수리업체 찾기 페이지를 담당하게 되었다 . 평소에 새로운 기술에 대해서 학습하고자 하는 욕구가 강하기도 하여 같이 하는 프론트엔드 분에게 이 기능을 제가 구현해봐도 되는지 여쭤보고 승낙을 해주셔서 너무나 감사했다. 내가 맡은 기능 페이지의 wire frame 은 이렇게 되어있다. > 이렇게 현재위치를 받아서 주변의 수리업체 혹은 서비스 센터를 찾아주는 기능이 담긴 페이지를 구현해야한다. 이 페이지를 구현하기 위해서는 단계별로 정리를
#2.항해 sw camp 로그인 회원가입 기능 제작
개발기간이 2주뿐이여서 기능 구현에만 집중한 나머지 블로그 정리할 여건이 되지 않았다. mvp 기능까지 구현을 마친 상태에서 밀린 포스트를 작성하려고 한다. 내가 프로젝트에서 맡은 구현은 로그인과 회원가입 기능이고 내가 이 기능을 맡은 이유는 평소 경험하지 못했던 파트이기도 하고 한번쯤 유효성 검사 같은걸 제대로 할 줄 알아야 한다고 생각이 들었기 때문이다. _우리의 프로젝트에 회원가입 단계는 이렇게 진행된다. 1.먼저 이메일을 입력하고 회원가입 버튼을 누른다. 2.해당 이메일 주소로 백엔드에서 인증메일을 보내준다. 3.이름과 비밀번호를 입력하고 서비스 약관에 동의하여 회원가입을 마친다._ 프로젝트의 wire frame 
#1.항해 sw camp 개발자 참여
_내가 수료한 항해99에서 이번에 Project Manager분들이 기획 해 놓은 아이템을 개발하는 프로젝트에 참여하게 되었다. project 아이템은 회사의 자산을 대신 관리해주는 서비스이다. 내가 맡은 기능은 회사 자산 수리 업체 찾아주는 페이지 및 로그인 ,회원가입이다. 사실 로그인 part 는 유효성 검사 해주는 예외 처리가 조금 어렵긴 하지만 다른 페이지에 비해 쉬운편이다. 그래서 회사 자산 수리업체 찾아주는 페이지를 맡기로 했다._ _프로젝트가 처음이 아니기 때문에 같이 개발하게 된 팀원분과 먼저 간단하게 인사를 한뒤 code convention 및 어떤 언어를 이용하여 개발을 할 지 짜 보았다. 먼저 Typescript 와 recoil 및 react-query 를 선택해서 이번 프로젝트를 만들기로 하였다. 코드 컨벤션은 다음과 같이 작성하였다. 변수 및 함수명 : 카멜케이스 컴포넌트명 : 파스칼케이스 (ex. PascalCase) 단어의 첫글자에 대문