FACTS & FEELINGS - 일주일간 있었던 일과 느낀점
- JavaScript 문법 종합반 & 알고리즘 기초강의 수강
-> 개인과제를 시작하기 전 2회독까지는 완료했다. 2회독을 했어도 여전히 어려운건 사실이다. 1회독때 느낀것과 마찬가지로 콜백함수와 클래스에 대해 좀 더 공부를 해야할 것 같다. 다음주차부터는 메소드에 대해서 공부를 해보려 한다. 각 메소드별 활용하는 방법에 대해서 다른 사람들의 코드도 참고해보면서 공부해야겠다.
알고리즘 강의도 같이 수강하였는데 VSCode 없이 메모장에서 코드를 작성하려하니 익숙하지 않기도 하고 메소드도 사용하지 않는걸 권장하지 않는다고 하셔서 낯설고 어려웠다. 기초가 안잡혀있다고 생각이 들기도 하고 문제해결에 대한 내스스로의 알고리즘이 없다고 느껴졌다. 모르면 구글링하는 것 도 좋지만 바로 구글링 하지 말고 스스로 생각하는 시간을 좀 더 가지고 접근해봐야겠다.
- 예시문제 풀이 및 프로그래머스 알고리즘 문제풀이
-> JS 문법 종합반에서 제공해준 예시문제 30문제 및 프로그래머스 알고리즘 문제를 40문제정도 풀었다. 혼자서 푼 것도 있고 팀원들과 같이 푼 문제도 있다. 0단계도 난이도가 있다고 느껴졌고 어떤 문제는 4시간 걸린 문제도 있었다. 문제 설명을 보면 머리로는 이해가 가지만 이것을 코드로 구현하는 과정이 정말 어려웠다.
- 개인과제 - 영화소개 페이지
-> 바닐라자바스크립트로 영화소개 페이지를 만들었다. 필수 구현사항은 전부 구현했고 선택사항도 일부 구현을 했지만 만족할만큼은 아니였던 것 같다. CSS도 최소로만 작업을 했고 하고싶은 기능은 많았으나 시간관계상 도전해보지 못했다. 제출 후 React반과 함께 코드리뷰를 하는 시간이 있었는데 React수강생분중 한분의 결과물로 코드리뷰를 했다. 첫 화면부터 현업의 경험이 있다는 것이 느껴지는 분이셨는데 꿀팁들을 많이 알아갈 수 있어서 좋았다. 반응형 디자인이 그렇게 간단한 줄 몰랐다.
- 팀과제를 위한 역할분담
-> 팀과제는 개인과제 결과물 중 하나를 골라 디벨롭하는 과제였다. 우리조는 크게 4개로 나누어서 작업을 진행하기로 했다.
1. 전체 CSS 작업
2. 상세페이지 리뷰, 수정/삭제 기능 (로컬스토리지 이용)
3. 상세페이지 구현
4. 전체 코드 리팩토링
2번을 제외하고 나머지는 한명씩 맡아서 하기로 했다. 이 중 나는 팀원분과 함께 2번 작업을 진행하기로 결정됐다. 처음으로 Git을 통해 협업을 진행하게됐는데,, 제발 커밋이 꼬이는일만 없었으면 좋겠다 😂
저번 프로젝트때는 자세한 역할분담을 하지 않아서 중복되는 작업이 많았는데 이번에는 각자 작업이 끝나면 어디에 붙어줄지 논의를 해놨기때문에 작업이 중복되는 일은 크게 없을 것 같다.
FINDINGS - 내가 배운 것
- IMPORT와 EXPORT를 통해 파일을 세분화 하고 코드를 깔끔하고 유지보수 하기 쉽게 구성할 수 있는 점
- Grid를 사용하면 쉽게 웹페이지를 반응형 디자인으로 만들 수 있다는 점
- 잘하는 사람의 코드리뷰를 해보면 코드 작성에 규칙이 있고 가독성이 좋다는 점, 함수를 많이 이용하여 코드를 깔끔하게 작성한다는 점
FUTURE
- 프로젝트가 백엔드보단 프론트 비중이 높다. 하지만 백엔드라고 프론트와 아예 연관이 없는건 아니기에 지금 프로젝트를 진행하면서 기억해야할 요소들은 블로그나 노션에 잘 정리해둬야겠다.
- 이번 팀프로젝트의 git협업에 대한 과정을 잘 정리해서 발생한 문제나 기획단계에서 생각해야 할 것들에 대해 정리를 하고 나중에 있을 협업에 대비해야겠다.
