기간 : 10/22 ~ 10/30 마이페이지 디자인을 하면서 ul 태그를 썼는데, 팀원 분이 작업한 ul 태그의 css가 영향을 전역적으로 주고 있어서 문제가 발생했다. 프론트에서 협업할 때는 이런 문제가 있을 수도 있겠구나 하는 걸 새로 알게 됐다. 그리고 멘토링을 받았는데, 구현은 잘 했으니 이제 발표자료를 준비하면 되겠다는 말을 들었다. 그래서 다음 멘토링때 발표자료에 대한 초안을 가지고 멘토링을 하자고 하셨다. 근데 우리는 아직 구현을 해야하는 부분이 남아있어서 그 부분을 최대한 끝내보기로 했다. 찜한 특기를 마이페이지에서 볼 수 있게 연동하는 기능을 추가하려고 한다. 이를 위해 회원가입시 빈 데이터셋의 유저 데이터를 만드는 기능을 추가했다. 그리고 의견에 대한 구현도 의논했다. 파이어베이스 타임..

기간 : 10/17 ~ 10/21 팀원분이 프론트에서 열심히 군지원 기능을 구현하시는동안 나는 마이페이지 구현 작업을 하기로 했다. 그래서 나도 처음으로 리액트 프레임워크를 써보게 됐다ㅋㅋ 보내주신 영상을 보면서 세부적인 구현 사항도 의논..? 하고 멘토링 시간도 의논했다. 해커톤 막바지 달리는 기간이 휴가 기간과 겹쳐있어서 슬펐다ㅠㅠ 나의 지원 정보를 입력하는 부분에 대해 논의했다. 여전히 군지원 부분에서 자격증을 하나 하나 콤보박스에서 고르는 식으로 구현되어있어서 말씀드렸던 부분이다. 내가 생각했던 건 자격증이 아니라 자격증 '종류' 였다. 자격증을 하나 하나 입력하는건 병무청에서도 할 수 있으니까? 또 지원해볼 특기를 선택하는 부분에서 플로우를 수정해서 UX 를 개선하자고 의견을 내주셨다. 마이페이..

기간 : 10/13 ~ 10/16 13일에는 멘토링을 받았다. 멘토링을 정리한 내용은 아래와 같다. 심사는 동영상과 ppt를 위주로 이루어진다고 한다. 결과물 퀄리티보다 잘 홍보하는게 중요하다고 느껴졌는데, 개인적으로 홍보하는 걸 잘 못한 것 같아서 아쉽다. 그리고 다른 팀에서도 웹 서비스를 정말 많이 하고 있어서 그런 팀과 차별을 두려면 도커같은 여러 기술적 고민도 필요할 것 같다는 조언도 해주셨다. 그리고 군지원 화면의 클릭 수가 많아서 UX가 별로 좋지 않으니 클릭수를 최대한 줄이는 쪽으로 구현해보라고 조언해주셨다. 10/15 갑자기 코드스페이스가 안된다. 해당 팀 계정에 할당된 돈을 다 썼다고 한다ㄷㄷ 그래서 일단 로컬에 프로젝트를 내려받은 뒤 윈도우에 노드를 설치해서 실행했다. 다행히 8기가 램..

기간 : 10/7 ~ 10/12 군지원 기능을 구체적으로 어떻게 구현할 지 고민하기 시작했다. 팀원분이 화면을 기획하기로 하셔서 피그마로 목업을 만드신 후 설명을 보내주셨다. 그리고 내 의견을 보내드렸다. 팀원분도 내 의견에 공감해주셔서 군지원은 간편함을 밀고 가기로 했다. 그리고 로그인을 구현하다가 문제가 생겨서 팀원분께 도움을 요청했었다. 결국 끙끙대다가 해결은 성공했다. (https://chinpa.tistory.com/168) 크롬에서 막아서 생긴 문제였다. 이거 고민하면서 지난 포스팅에 적었던 문제도 나름대로 고민해서 해결했다. 근데 쿠키 설정을 하다보니 중간에 cors 문제가 다시 발생했다. 근데 이렇게 해도 나는 이상하게 안되는 문제가 발생했다. 왜 로컬호스트는 막는 것일까? 암튼 해결함! ..

기간 : 10/6~10/10 특기 상세 정보 화면에는 해당 특기에 대한 자세한 설명이 들어가 있다. 이 설명에 대한 데이터들을 어떻게 통일된 구조의 공간에 저장할 수 있을까? 이것이 이 당시 내가 했던 고민이다. 이 당시 내가 나름대로 고민해서 저장했던 특기 상세 데이터베이스이다. 이렇게 특기 요약, 주요 업무, 지원 자격 등 내용 구성을 미리 정해두고 각 섹션 별로 데이터를 저장했었다. 그런데 만약 특기마다 적고 싶은 내용이 다를 경우, 이 구성은 유연성이 매우 떨어지는 저장방법이라 각 특기들의 독특한 특징들을 효과적으로 보여줄 수 없다는 문제가 있었다. 이게 특기 상세페이지를 구현할 때 만났던 첫번째 문제이다. 그리고 '표를 어떻게 보여줄 것인가' 에 대한 문제에 부딪혔다. (두번째 문제) 근데 각 ..

기간 : 10/3~10/5 프론트에서 특기 자세히 화면의 탭 부분 UI 구현이 완료되었다. 스샷을 찍어두진 않았지만 비록 UI 를 클릭했을 때 데이터가 없어서 빈화면이 보이지만 내가 피그마로 그렸던 것과 정말 똑같이 구현해주셨다ㅋㅋㅋ 10/4 해당 부분 데이터는 나중에 만들어서 추가하기로 하고 다음엔 군지원 기능을 만들기로 했다. 군지원 기능에 대해 서로의 의견을 확인하고 프론트 구현이 시작되었다. + 로그인 화면도 구현이 완료되었다. 진짜 내가 예상한 것보다 너무너무 깔끔하고 멋있는 화면이라 엄청 놀랐다. 디자인에 재능이 있으신걸까.. 이제 로그인 화면도 만들어졌겠다. 로그인 기능이 작동하도록 구현하는 것도 부탁드렸다. 그리고 모군 플랫폼의 로고 디자인도 고민을 하기 시작했다. 참고로 팀원분이 알려주신..

기간 : 9/29~10/2 팀원분이 내가 PPT로 간단하게 만들었던 레이아웃을 참고해서 PPT로 레이아웃을 잡아주셨다. 결과물을 보고 생각을 하다가 서로 디자인까지는 같이 하기로 이야기를 했다. 해커톤하면서 느낀점이 백엔드가 필요없는 건 아닌데, 단기간에 결과물을 보여줄 필요가 있는 해커톤 특성상 프론트와 디자인의 역할이 정말 중요하다고 느꼈다. (해커톤 하실 분들 참고하세용..) 그리고 초기에 프론트가 무에서 유를 창조하는 동안 나는 제이슨 데이터만 넘겨줄 API만 딱 만들면 되서 상대적으로 시간적 여유가 있었던 것도 사실이다. 이후로는 우선 특기 상세 페이지에 어떤 내용이 들어가면 좋을지 의논했다. 그러다가 새로운 기능 추가에 대한 의견이 생겨서 이것도 논의 했다. 중간에 서로 에러가 다르게 나오는 ..

기간 : 9/27~9/28 9월 27일부터는 백엔드와 프론트의 연동작업이 시작되었다. 그리고 어찌 저찌 연결을 성공했다. 그런데 프로젝트 구조가 내가 생각한 것과 달라서 조금 놀랐다. 팀원 분께서 위에 사진에 있는 블로그 글을 참고해서 연동하셨는데 백엔드 서버에서 리액트가 빌드한 index.html를 직접 파일 경로로 바라보도록 연동한 것이다. 내가 생각한 것은 백엔드와 프론트를 완전 분리해서 백엔드가 꺼지더라도 프론트는 살아있을 수 있게 하는 구조를 생각했었는데 팀원 분께서 한 방식대로 하면 백엔드가 죽었을 때 프론트도 같이 죽는 구조라 뭔가 불편함이 느껴졌다. 그래서 내가 생각했던 것들을 팀원분과 의논해보았다. 이때 당시에는 하나의 서버가 하나의 역할만 했으면 좋겠다는 생각이 강했어서 속으로 불편함이..

기간 : 9/22~9/26 프론트에서 초기 화면 디자인이 나왔다. 마우스를 가져다 대면 화면이 양 옆으로 넓어지면서 군종을 선택할 수 있게 된다. 그런데 여기에서 우리의 첫 동상이몽이 나왔다. 내가 생각한 화면은 첫 화면에 모든 군종의 특기 리스트가 촤라락 나오고 그 안에서 우리가 필터를 거는 식으로 골라서 보는 걸 생각했기 때문이다. 팀원분도 바로 이해를 해주셨고 바로 수정을 하기로 했다. 이렇게 내가 생각한 아이디어를 공유하고 팀원분도 이것 저것 참고 사이트를 제시하시면서 아이디어를 공유했다. 지금 돌아보면 나도 이렇게 이미지를 이용해서 내 아이디어를 설명했다면 더 좋았겠다는 생각을 했다. 내 그림실력이 엄청나게 좋은 편이 아니니까..ㅎ 그렇게 첫 화면 레이아웃을 대충 확정지었다. 그 밖에 이런 세부..

원래는 9월 18일까지 팀빌딩을 완료해야했다. 사실 솔직하게 말하면, 원래는 해커톤에 그렇게 마음을 두고 있지는 않았다. 그냥 되든지 말든지 한번 해보면 어떨까 하는 마음으로 가볍게 신청했고, 해커톤에 참가자로 선정되었을 때도 나의 개발 계획서를 토대로 팀원을 모집하기 보다 다른 팀에 참가하려고 했다. 근데 해커톤 신경을 안쓰다가 나중에 팀빌딩을 하려고 보니 이미 다들 짤 팀은 다 팀을 짜둔 상태였다. 그래서 해커톤 주최측에서 해주는 팀원 매칭 시스템을 이용해 같은 웹 분야에서 한 분을 소개받아 매칭받았다. 그렇게 20일 매칭받은 팀원분과 팀을 결성했다ㅎㅎ 처음이라 엄청 딱딱한 대화지만..? 팀원분께서 분위기를 잘 풀어주신 덕분에 대화가 잘 이어질 수 있었다. 그렇게 각자 사용가능한 기술을 확인하고 각자..