목록스파르타코딩클럽 내일배움캠프 (116)
Just Do IT!
(마지막) 오늘 일과 간단 요약 master 브랜치로 최종 1.0.1 버전 배포 발표 자료 준비 마무리 기술 질문 대비 마무리 최종 발표 수료식 최종 1.0.1 배포 드디어 최종 배포...!! 지금까지 깃허브에서 default 브랜치가 dev 브랜치였는데 오늘에서야 다시 master로 변경하고 다시 최종 버전으로 배포를 했다. 사실은 최종 배포 하고 나서도 버그를 발견한 게 많아서 이것저것 좀 고치느라 배포한 뒤에도 hotfix 커밋이 올라가고 PR이 다시 올라가기도 했다. 언제든지 마무리가 잘 되었으면 했는데, 자꾸자꾸 자잘한게 보여서 이제 그만...하고 싶었다 ㅋㅋㅋㅋ 어제 다 마무리 한 줄 알았는데, 오늘 12시쯤 되어서야 전부 완료했다. https://www.nilili.site/ NILILI 국..
최종 프로젝트 마무리 길었던 최종 프로젝트의 끝이 보인다. 뒤늦게 발견한 버그도 있었고, 최적화를 하기도 하고 유저 피드백을 토대로 변경하기도 하면서 마무리도 역시나 바빴던 주간이었다. 기능 추가 - 이메일/비밀번호 재설정 기능, 탈퇴 기능 내가 맡은 역할이 그리 크지는 않아서 자체적으로 기능을 좀 더 추가했다. firebase의 편리한 점은 auth 관련 부분이 간편하다는 것이다. 그래서 간단한 메서드만으로도 충분히 하루 안에 기능을 추가할 수 있었다. 자세한 건 월요일자 TIL에 나와있다. 뭔가 소셜 로그인을 제대로 구현하지 못한 것 같아서 그게 마음에 가장 걸렸는데 그 대신에 다른 기능이라도 넣어서 다행이다. 로그인만 있으면 제대로 된 커뮤니티가 아니니까. 마음대로 사용자 정보도 수정할 수 있도록 ..
오늘 일과 간단 요약 오전 스크럼 최종 발표 자료 준비 any로 지정한 부분 type 지정하기 (일부) 오후 스크럼 기술 멘토링 main 브랜치에서 최종 배포 any로 지정한 부분 type 지정하기 (일부) 이제는 기능 추가할 것도 아니라 최적화에 신경을 써야 하기 때문에 any로 지정했던 것들을 타입 지정을 했다. 어제 시윤님이 일부 해주셨고 오늘은 내가 일부를 또 했다. 카카오맵 같은 경우에는 아예 공식 문서에서 타입 지정이 안되어 있고 전부 @ts-ignore를 쓰고 있어서 타입을 지정할 수 없지만 최대한 지정할 수 있는 것들은 지정했다. 그래도 아직 any가 많기는 하다. 근데 이걸 어떤 식으로 해야 하나...주말 안에 될 수 있을지는 잘 모르겠고 최대한 해봐야겠다. 그런데 any가 필연적(?)으..

오늘 일과 간단 요약 오전 스크럼 일부 UI 수정 사전 기술 멘토링 작성 최종적으로 UI 수정 내일까지 최종 발표 제출이라 오늘 안에 진짜 찐 마무리를 해야 해서 최종적으로 UI를 일부 수정했다. 이미 배포를 했기 때문에 핸드폰으로 볼 때 어떤 식으로 보여지는지 하나하나 눌러보면서 해결하고, 조금씩 들어오는 유저 피드백도 보면서 반영할 부분은 반영했다. 일단 모바일 버전 header에서 navbar로 형식이 바뀌는데 이상하게 NILILI 로고가 위로 갔다가 다시 내려와서 뭔가 했더니 아이콘의 크기가 달라서 그런 것이었다. 그래서 그 부분도 수정하고, 자잘하게 공유하기 text 삭제하고 등등... 직접 사용해보면서 불편한 부분을 조금씩 수정했다. react-icon에서 가져와서 바꿨다. 처음에는 svg와 ..

오늘 일과 간단 요약 오전 스크럼 재배포 발표 자료 만들기 협력사 브로셔 만들기 오후 스크럼 발표 자료 만들기 오늘 15시까지가 1차 발표 영상 제출이었는데, 어제 배포를 끝냈어야 했는데 너무 늦어져버렸다...! 그래서 오전에 빠르게 배포를 하고 버그 테스트를 하는데, 중간중간 고쳐야 할 게 있어서 발표 자료 만드는 데 시간이 너무 오래걸렸다.ㅠㅠㅠㅠ 희현님이 PPT 틀을 잘 만들어주셔서 그걸 토대로 덧붙이기만 하면 되는 거였는데, 1차 배포 이후에 서비스 아키텍처를 수정해야 해서 일단은 서비스 아키텍처부터 수정했다. 위가 수정된 최종 아키텍처이다. 1차 배포 이후에 추가한 기능도 있고, UI를 수정하고 최적화를 하는 과정에서 라이브러리 설치를 더 해서 라이브러리 칸이 좀 넓어졌다. 그리고 유저 피드백을..

오늘 일과 간단 요약 오전 스크럼 로그인/회원가입 custom hook 만들기 → 삭제 NotFount 페이지 UI 수정 오후 스크럼 Header, Footer UI 수정 dev 브랜치 재배포 로그인/회원가입 custom hook 시도 어제자로 추가할 기능은 전부 추가했고 오늘 저녁에 최종 배포를 하기로 했으니까, 이전에 최적화를 해보려고 custom hook을 만들어보려고 했다. 이전에 배웠던 적도 있고 지난 주에도 튜터님이 알려주셨으니까 실전에 써먹어봐야지, 했는데 결론부터 말하자면 그냥 다시 이전 상태로 되돌렸다 ㅋㅋㅋㅋㅋㅋㅋㅋ 내가 라이브러리를 썼다는 걸 까먹고 써버렸다 react-hook-form 이라는, 이미 form 작성에 편리한 라이브러리를 쓰고 있었는데 이걸 또 다시 custom hook..

오늘 일과 간단 요약 오전 스크럼 SNS 공유 기능 버그 수정 이메일/비밀번호 수정 기능 추가 회원 탈퇴 기능 추가 오후 스크럼 (주말) 로그인, 회원가입 페이지 생성 까먹고 WIL에 안 적었는데, 주말동안 로그인/회원가입 페이지로 리팩토링했다. 유저 피드백을 받으면서 의외로 모달창으로 구현한 로그인 부분에서 불편하다는 점이 많았다. 모달 바깥을 클릭하면 모달이 사라지게 구현했는데, 그 부분 때문에 잘못 눌렀다가 아예 회원가입 과정이 날라갔다는 분도 있었고, 모달창이 너무 좁아보인다는 의견도 있었다. 그래서 아예 모달창 크기를 크게 늘리고 UI를 수정해야 하나 했는데, 그냥 모달창 대신에 새로 페이지를 만드는 게 더 익숙하는 피드백에 따라 페이지로 리팩토링했다. 자연스럽게 로그인 이전에 헤더에 로그인/회..
최종 프로젝트 최적화 중간 발표가 끝나고 아직 완성되지 않은 부분과, 최적화 해야 할 부분들을 하는 시간을 가졌다. 원래는 다음주 수요일까지 완성하고, 나머지 2일은 최종 발표 준비를 하는 걸로 하려 했는데 금요일 발제를 듣고 월요일로 마무리 날짜를 바꾸게 되었다. 생각보다 더 촉박해진 기분이지만, 그래도 일주일 동안 중간 발표 때보다 더 완성도를 높인 듯 하다. SNS 공유 기능 추가 여행 코스를 공유하는 웹페이지니까 다른 SNS로 공유하는 기능이 있었으면 좋겠어서 나서서 기능 추가를 했다. 좀 구글링해보니까 그렇게 어려운 기능은 아닐 듯 했는데 다행히 이틀 안에 완성할 수 있었다. 왜냐 라이브러리가 존재하기 때문...ㅋㅋㅋㅋㅋ 그런 라이브러리 만드는 분들 보면 참 대단한 것 같다. 나도 라이브러리를 ..

오늘 일과 간단 요약 오전 스크럼 검색창 UI 수정 목업 이미지 제작 og 태그 이미지 제작 메타 태그 추가 dev 브랜치 재배포 및 유저 피드백 구글폼 작성 검색창 UI 완료 어제에 이어서 디자이너님이 디자인해주신 대로 UI를 아예 바꿨다. 어제는 어떤 식으로 해야 하나 감이 안 잡혔는데 하나씩 고치면서 하다 보니까 그래도 그대로 잘 나올 수 있어서 다행이다. 디자이너님이 디자인 해주신 페이지에는 검색 버튼이 없는데, 이게 추가로 생겨서 이것만 아래에 추가해주고 나서 UI 수정을 완료했다. 어제 반응형까지는 해둬서 모바일 버전에서 어떤 식으로 보이는지 체크만 했다. 나중에 최종으로 배포해보고 다시 수정할 수도 있지만...우선은 만족스럽게(?) 마무리되었다 ㅋㅋㅋ 이런 식으로 조금 더 깔끔하게 바뀌었다...

오늘 일과 간단 요약 오전 스크럼 이력서 특강 검색페이지 검색Box UI 수정 오후 스크럼 (Sentry 알게 됨) 이력서 특강 오전에 잠깐 이력서 특강을 들었는데, 이제서야 뭔가 내배캠 수료가 실감이 난다. 슬슬 이력서와 포토폴리오를 정리할 때가 되는 것 같아서 최종 프로젝트 하면서 짬짬히 이력서를 작성해봐야 할 것 같다. 특강 내용을 다시 복기하고 싶은데 아직 올라오지 않아서 주말에 올라오면 다시 볼 예정이다. 못해도 수료 전에 큰 틀은 만들어두고 싶어. 어제 쉬는 날이라서 프로젝트 조금 하다가 포토폴리오 뼈대만 만들어봤는데, 포토폴리오를 만들어보기 위해 이전 프로젝트를 복습해보니 그래도 내배캠에서 많이 배웠다는 생각이 든다. 오늘 너무 정신없어서 지금은 이력서 특강과 관련해 생각나는게 없는데......