내배캠 1주차 미니 프로젝트를 마무리하며 회고록

이번주가 처음으로 시작하는 내일배움캠프 1주차이다. 이번주에 한일은 팀소개 웹페이지 제작 프로젝트이다.

 

내가 맡은일은 메인페이지 프론트엔드이다. 솔직히 초안은 금방 만든다. 거기서 디자인과 백엔드와 상세페이지 프론트엔드와 결합하는 과정에서 유지보수가 문제이고 기능추가하면서 일이 늘어나서 그렇지.

3일차부터 고비가 시작됐던것같다. 디자인을 조금더 손보고 백그라운드 이미지도 넣을까 하면서 고민하다가 그냥 심플 is best라 생각되서 심플하게 디자인을하고 여백의 미를 넣었다. 공대 디자인느낌이 난다.

 

그리고 다른팀과 달리 검색기능을 놓자고 하여 인풋창을 만들어놨지만 아무도 기능구현을 할 생각이 없던거같아 내가 코드를 작성하면서 실패와 착오 그리고 구글링을 하여 어떻게든 작동되게 만들어놨다. 이과정에서 구글링의 힘을 알 수 있었다. chatGPT은 코드작성은 하는데 작동을 안하더라

그리고 우리팀은 상세페이지를 따로 만드는것이 아닌 Modal을 활용한 기능이라 다른팀들보다 조금 더 어려운 상황이 놓여졌다. 댓글기능이있는데 다른팀은 수정,삭제를 누르면 그냥 새로고침하면서 하면 되겠지만 우리는 모달창이 닫히고 새로고침 되는 현상이있어 어떻게 해결할까 고민이 많았다. 팀원 한명이 해결방안을 하나 가져왔지만 4일차때 팀원들이 댓글창을 재활용하는것이 아닌 Drop기능을 추가하여 수정칸을 다시 만들자고 하더라 근데 상세페이지 프론트엔드담당이 만들줄알았는데 백엔드를 하고 있다고하여 그냥 내가 추가하니 또 수정기능하고 삭제기능이 고장이 나버리더라. 그래서 5시간동안 삽질을 한거같다. 다른 팀원들도 다 코드 수정도 해보고 하는데 해결될 방안이 안보였다 그대로 5일차가 되었다. 시연발표 날이 되니 조급한 마음이 들었다. 다른 팀원들도 마찬가지겠지만 나는 상세페이지 담당이 아닌 메인페이지 담당이다 하지만 팀이기 때문에 부족한부분은 다같이 하는게 맞다고 생각한다. 그래서 다같이 끝까지 매달렸다. 그리고 성공했다. 코드 재활용과 id값추가를 하고 고치고 다시 지우고 쓰고 지우고 하다보니 어느샌가 눈이 떠진듯이 해결할 수 있을거같다 라는 생각이 들었다. 그리고 그 생각은 맞았다. 생각에 떠오른 코드를 그대로 쓰고 수정하니 기능이 정상적으로 구현이 됐다. 발표까지 남은시간 30분이였다. 이것을 위해 점심시간에도 그 시간을 활용한 보람이 있었고 발표때도 정상적으로 구현이 되니 팀원들이 다같이 안심을 했다.

 

이러한 상황속에서 HTML+CSS+JavaScript는 잠깐 독학을 하였기 때문에 어느정도는 알고있었고 코드를 봤을때 어떻게 했구나 정도는 알 수 있었지만 정작 내가 코드를 작성하고자하면 어떻게 할 줄 몰랐던게 나였다. 하지만 프로젝트를 막상 해야하니까 어떻게든 해야하지않나 그래서 무작정 작성하고 무작정 실행하면서 몸소 부딪히면서 하니까 어느정도의 지식은 들어오더라 근데 비동기 방식이나 나혼자서 하는건 아직까진 무리이며 이런 지식은 공부를 해야하는것이 맞을것이다.

 

나중에도 직접 해야한다치면 이런 상황이 발생할것이다. 하지만 이번주처럼 하다보면 어떻게든 될것같다는 자신감이 들면서도 이번주처럼 할 수 있을까하는 생각도 든다. 해결방안은 지금 배우는것만 하는것이아닌 복습도 해야할 것이다. 이런 생각을 하면서 WIL을 마친다.