[KPT] HTML+CSS+JS 영화검색웹앱 개인프로젝트 회고

https://github.com/d0ikim/movieSearchApp

GitHub - d0ikim/movieSearchApp: HTML+CSS+JS 영화검색 웹 앱 개인프로젝트

4월은 갑작스럽게 금천구로 이사를 일주일안에 하게됨과 동시에 새로운 부트캠프에 붙어서,

4/28부터 5/21까지 HTML+CSS, JS 까지 프론트엔드 기초를 싸악 엄청빠르게 3주만에 배우고 첫 개인프로젝트까지 마치게 되었다(작년에 우테코프리코스 하면서 js 지지고볶아보고 js는 어느정도 오래 붙잡아둔 게 진짜 다행인듯.. 처음했으면 난 망했음)

 

처음엔 HTML과 CSS도 어려워하던 내가 어느덧 3주동안 수업시간동안 chatGPT의 도움을 받아 어찌저찌 계속 비슷한 걸 따라 치니 익숙해졌는지 전보다는 어려워하던 마음이 편해진 것 같다

 

도전해본 것

• README.md 파일 쓰기 ( 배지 등으로 꾸며 보았다! )
• 함수는 한 기능만! ( 단일책임원칙? 클린코드 읽어야됨 ..) -> 칭찬 받음 ㅎ

 

Keep (계속 할 것)

• 옛날에 뭐만하면 개념 제대로 이해해보겠다고 냅다 책이나 강의 정독하겠다고 했던 마음이 사라지고, 그냥 빠르게 습득해서 빠르게 적용하는 것이 목표가 되고 습관이 되어가고 있는듯 함. 반년 전 태영쌤이 원했던 개발자에게 필요한 태도를 조금씩 받아들여나가고 있는 것 같다. 솔직히 다 알고 지나가면 좋겠지만, 월수금 6시간뿐인 부트캠프에선 시간의 절대량이 너무 적어 그게 쉽지 않은듯..
• 함수 한 기능만 하게 다 찢어놓은 것

 

Problem (개선할 것)

• 이 회고를 바로 적지 않고 모든 기억들이 거의 휘발되었을 시점인 일주일 뒤에나 작성하고 있다는 점... 그날은 피곤함과 프로젝트 하나를 해냈다는 뿌듯함에 그냥 다 제쳐놓고 쉬었던 것 같은데 회고를 이제 적으려니 다 까먹어서 내용의 질이 좋지 않은 듯 하다..ㅠ
• 리더님이 나한테 main.js 코드 왜 이렇게 짰냐고 여쭤보셨는데, 나는 내 코드를 이해하려고 거의 매 줄마다 주석으로 설명을 다 달아놓았었다. 그런데도 질문을 받으니 당최 뭐라고 답변해야 할 지를 모르겠는 것이다..(내가봤을때 이건 말을 평소에 하도 조리있게 할 기회가 없고 하지도 않다보니 생긴 문제같다.... 이때 진짜 나 면접 망했다고 생각했음 ㅠ) -> 개발자의 생각, 의도가 없다고 하셨음. 내 코드를 보자마자 챗지피티 같다고 느끼셨나봄..
  • 그래서 쥐피티 한테 그에 대해 물어봤다.

 

Try ( 노력할 것)

• 내 코드를 남에게 설명할 수 있을 것
  • 그러려면 한 줄 한 줄에 의도를 분명히 가질 것
  • 이유 없는 코드를 만들지 말 것

 

 

---

main.js 의 역할

1. 영화 리스트 보여주기
2. 검색 기능
3. 페이징 (페이지 버튼 만들어서, 여러 페이지로 나누기)

이걸 사용자 입장에서 보면:

1. 처음 웹페이지를 열면, 영화들이 목록으로 나옴
2. 내가 검색어를 입력하면, 제목에 해당 키워드가 포함된 영화만 보여줌
3. 영화가 많으면 페이지 버튼이 생겨서, 다음 페이지로도 넘길 수 있음

---

 

1. `renderMovies(movieArray)`

왜 만들었는가?

사용자에게 영화 리스트를 보여줘야 하기 때문