목록스파르타코딩클럽 내일배움캠프/TIL (93)
Just Do IT!
오늘 일과 간단 요약 오전 스크럼 비밀번호 재설정 form 리팩토링 alert 변경 오후 스크럼 프로필 수정 모달창 UI 수정 비밀번호 재설정 form 리팩토링 사실 리팩토링이라고 해서 그다지 거창하진 않다. 그냥 이전에 언급했던 react-hook-form 이라는 라이브러리를 사용해서 유효성 검사를 추가하고 form 코드를 변경했을 뿐... 확실히 이전에 유효성 검사 하나하나 경우의 수를 따져가며 적었을 때보다는 코드가 훨씬 간결하고 편하다. 더 좋은 라이브러리, 혹은 custom hook을 만들어서 사용하는 방법도 있을 것 같지만 우선은 그렇다는 말이다..ㅋㅋㅋ 나중에 시간이 된다면 custom hook으로 useForm을 만들어서 사용해보고 싶다. 구글링해보면 그렇게 하면 form 자체가 간결해지는..
오늘 일과 간단 요약 오전 스크럼 header, 로그인/회원가입/비밀번호 재설정 모달창 UI 수정 my page 프로필 UI 수정 오후 스크럼 프로필 수정 모달창 UI 수정 header, 모달창 UI 수정 오늘은 뭐 기능을 할 건 아니었고....디자이너님이 디자인 해주신대로 UI를 수정하는 걸 했다. 사실 완벽한 최종 디자인은 아니고, 아직 수정할 부분이 남이있긴 하지만 지금 현재 UI가 그야말로 이 자리엔 이게 있어야 합니다, 정도의 UI라서 피그마에 올려주신 디자인을 토대로 만들었다. 기능 구현도 힘들긴 하지만 솔직히 UI 구현하는 것도 그거랑 비슷하게 힘든 것 같다. 일단 내가 디자인적 감각이 별로 없는 것 같다(?) margin이 얼마나 있어야 적절한지 header의 크기가 어느 정도여야 적절하지..
오늘 일과 간단 요약 오전 스크럼 카카오 로그인 구현 ☞ 기능 삭제하기로 결정 header, 모달창 css 모달 라이브러리 회의 카카오 로그인 기능 삭제 지난 주 토요일에 카카오 로그인을 구현하신 B반 분을 만나서 질문 왕창 했었다. 어떤 식으로 구현하는지 물어보니까 바로 블로그 링크를 주셔서 주말 내내 그 코드를 보면서 공부했었다. 사실 카카오 로그인 구현 자체는 토요일에 바로 성공했는데, local storage에 저장된 id이다 보니 firebase에 실제로 저장되지 않아서 여러 문제가 생겨 보류했었고 오늘 다시 시도해보았다. 전제는 오늘 3시까지 해보고 안될 것 같으면 바로 삭제하는 걸로. 그래서 결론은....카카오/네이버 로그인 기능을 빼기로 했다. 구현해주신 걸 토대로 해보는데, 일단 fire..
오늘 일과 간단 요약 오전 스크럼 로그인/회원가입 리팩토링 (react-hook-form 이용) localstorage 부분 삭제 좋아요 수 트러블 슈팅 로그인/회원가입 리팩토링 어제 회원가입 기능을 실제로 해보다가 유효성 검사를 적어두었음에도 비밀번호 작성 도중에 허점이 있다는 발견하게 되었다. 비밀번호랑 비밀번호 재확인이 일치하지 않는데도 바로 회원가입이 되는 것이다...! 그래서 오늘은 아예 그걸 수정하는 걸 목표로 했고, 결과적으로는 아예 통째로 리팩토링 했다. 로그인, 회원가입 폼을 구현하다보면 유효성 검사의 경우의 수가 엄청나게 많아질 때가 있다. input창이 비었을 때, 유효성 검사를 통과하지 않았을 때, 등등... 그걸 전부 구현해야 하나? 싶어서 구글링하면서 찾아봤다. 그러다가 새로 발..
오늘 일과 간단 요약 디자이너님과 전체 회의 (기획 확정) 닉네임 추가 닉네임/프로필 사진 수정 기능 구현 디자이너님과 전체 회의 한 이틀은 걸린 것 같은 기획의 큰 틀을 확정지었다. 디자이너님이 디자인 해주시고 기능 구현만 남았다. 이제서야 기획의 큰 틀이 끝나다니...정말 길고 험난한 여정이었다 ㅋㅋㅋ 초반에 구상했던 와이어프레임과는 정말 거리가 멀다. UI도 바뀌고 우리 웹페이지의 타켓층에 대해 생각해보면서 카테고리를 새로 추가하고, 메인 페이지에 어떤 것들이 오는 것이 좋을까 고민해보기도 하면서 바뀐 부분이 제법 된다. 그리고 그에 따라 기능이 추가되기도 하고 삭제되기도 하는 중이다. 그래도 오전에 디자이너님과 함께 전체 회의를 하면서 디자이너님의 생각도 들어보고 우리의 의견도 각자 피력하면서 나..
오늘 일과 간단 요약 오전 스크럼 워크 플로우 작성 소셜 로그인 기능 추가 회의 워크 플로우 작성 어제 작성하려다가 못했던 워크 플로우를 작성했다. 워크 플로우를 한번도 작성 안해봐서 잘 몰랐는데, 생각보다 너무 오래 걸렸다 ㅋㅋㅋ 역시나 오늘도...기획이 이렇게 어려운 거였나....? ㅋㅋㅋㅋㅋㅋ https://www.diagrams.net/ Diagram Software and Flowchart Maker Security-first diagramming for teams. Bring your storage to our online tool, or go max privacy with the desktop app. No login or registration required. www.diagrams.ne..