[포스코x코딩온] KDT 풀스택 웹 개발자 양성과정_6주차 회고

6주차 교육내용

• 프론트엔드(HTML, CSS, Javascript) 프로젝트

📚 6주차 수업(프로젝트) 성과

• 가드닝 웹사이트 제작 "Plant.it" [플랜팃]
• 카테고리 검색 페이지 제작
  • 검색 결과로 뜨는 식물들을 div로 만든 후, classList로 버튼이 선택된 속성의 클래스 명이 있는지로 보일 div를 가려냈다.
  • 버튼이 클릭 될 때마다 결과가 떠야 하므로 window.addEventListner에서 e.target.tagName이 BUTTON일 때, 보일 div를 가려내는 코드를 실행시켰다.
  • 홈과 진단 결과 페이지에서 일부 속성값이 localStorage로 넘어와 이미 버튼이 선택된 상태로 카테고리 페이지가 뜨게 만들었다.
• Plant.it 으로 이동
• Github로 이동
  

💭 6주차 수업(프로젝트) 느낀점

• 기획부터 제작까지 모든 것을 만들어 냈다는 것이 믿기지 않는다.
• 우리 웹 사이트의 핵심적인, 카테고리 검색 기능을 도맡아 해내서 뿌듯했다. 이 과정에서 Javascript와 가까워진 것 같다.
• 기술 구현에 있어 한 단계씩 성공했을 때 뿌듯함이 너무 좋았다. 게임의 퀘스트를 하나씩 깨내며 성장하는 느낌이었다.
• 기능을 구현하기 위해 고민하고 코드를 붙잡고 있는 것이 힘들지 않았다. 밤을 새우더라도 해결하고 싶은 마음이 컸다. 이렇게 몰입할 수 있는 일이 생긴 것이 좋았다.
• 무에서 유를 창조해내는 디자인보다 기능 구현을 하는 것이 더 편한 것 같다. 사용자 편의에 맞는 기능을 고민하는 것이 디자인적 요소 배치를 고민하는 것보다 더 수월했다.
• 이번 프로젝트를 통해 CSS 부분을 많이 다지고 싶었지만, 검색 기능 구현에 시간을 다 써 아쉬웠다. 다른 팀원의 부분을 공부하거나, CSS 디자인을 추가해 볼 것이다.
• JS 코드를 좀 더 효율적으로 작성하는 방법을 더 고민해 볼 것이다. 마감 기한까지 기능 구현에 초점을 맞춰 작성했다면, 이젠 코드의 효율성을 따져 다시 작성해보고 싶다. 또한, 지금 알고리즘이 아닌 객체 데이터를 filter 함수로 필터링하는 방법도 구현해보고 싶다.
• 개인보단 협업할 때 더 책임감을 갖고 열심히 한다는 것을 다시 한번 느꼈다. 같이 일한다는 것이 나에게 동기 부여를 주는 것 같다.
• 협업은 팀원들이 정말 중요한데, 실력 있고 재밌는 팀원들과 함께 할 수 있어 즐거웠다.
• 프로젝트 결과물도 마음에 들었지만, 최우수상 수상으로 더 뿌듯했다.
  

🎯 다음주(7차) 목표

1. 다음주부터 백엔드 수업 시작! 그날 수업 복습 그날 끝내기