[패스트캠퍼스] 프로그래밍 기초 강의 학습후기 4주차 - 2022. 8. 30. 21:48 작성글

4주차 강의는 앞서 배운 css, html, javascript 을 활용한 실습 과정이다.

html 과 css를 배운 후 단순히 화면 틀만 완성했던 나만의 사진 포트폴리오 사이트를 javascript까지 적용하여

단계별로 실습하는 과정이었다.

과정은 다음과 같이 진행되었다.

• 메뉴마다의 화면 보여주기
• 사진 올리기 페이지
• 내 정보 수정 & 저장하기
• 썸네일 나타내고 좋아요 토글하기
• 정렬과 필터 적용하기

각 단계별로 실습파일이 제공되어 있고 완성본 화면도 볼 수 있어서 실습파일을 다운받아서 실행해가며 완성본 화면과 비교해 볼 수 있었다.

앞서 배운 내용이 어느 정도 기억에 남아서 복습하는 것처럼 느껴지는 부분도 있었고, 이런걸 배웠었나 싶은 부분도 있었는데 4주간 배운 내용으로 이런 사이트를 구현할 수 있다는 게 무엇보다 신기했다.

---

• 메뉴마다의 화면 보여주기

각 버튼에 클래스대로 인자를 넣어 함수에 연결하는 부분이 복잡하게 느껴졌다. 

 

• 사진 올리기 페이지

입력칸의 글자입력 감지하기 3가지 방법을 배웠는데 onkeypress, onkeydown, onkeyup 이었다. 혼자 적용할 때 과연 구분해서 적용할 수 있을지 ㅠ... 하다보면 익숙해지려나

 

• 내 정보 수정 & 저장하기

showMyInfo , init, setEditMyInfo 함수 등에 대해 새롭게 배웠고 적용해 보았다. 함수 배운 걸 토대로 함수만 정리해보기도 해야할 것 같다. 그나저나 일단 함수 내용이랑 이름 연관지어서 생각도 안 떠오르고 대소문자 구분도 어렵.....

 

• 썸네일 나타내고 좋아요 토글하기

썸네일이나 좋아요를 보다보니 유명 SNS 도 이런식으로 구성되어있나 신기했다. 발전과제로 배운 내용들을 응용하여 모든 썸네일들을 새로 생성해 넣지 않고 각각의 좋아요를 토글하려면 어떻게 짜면 될까요? 가 있는데 힌트봐도 잘 모르겠...... 주말에 각잡고 힌트보면서 해봐야 할 듯 싶다.

 

• 정렬과 필터 적용하기

setSort , setFilter 함수에 대해 새롭게 배웠다. 최신순, 좋아요 순으로 정렬하는 방법과 필터 적용하는 방법 단순히 이렇게만 생각했는데 생각보다 고려해야 할 요소가 많았다. 정렬을 바꾸더라도 필터가 유지되거나 필터를 바꾸더라도 정렬이 유지되어야 한다는 점 뭐 이런식으로 세부적으로 신경 써야 할 부분이 많은 것을 새삼 꺠달았다. 

 

---

5주차 과정이라 이제 거의 끝이 다가오는데 일단 볼 떄는 이해가 가는데 과연 혼자 적용할 수 있을지 .. ㅠ 그래도 4주동안 생각보다 많은 것을 배우고 있고 배운 내용 복습 제대로 하고 혼자 실습해나가면 앞으로 배우는 부분에 있어 좀 더 수월해질 것 같다는 느낌이다.