패스트캠퍼스 환급챌린지 7일차 미션 (2월 7일) : 인터랙티브 웹 강의 후기

서론

오늘은 카카오 인재영입 페이지 클론 코딩에 대한 새로운 챕터를 시작했다. 이번 학습은 특히 웹 개발자로서의 기술을 향상시키는 데 큰 도움이 될 것 같다. 카카오 인재영입 페이지는 다양한 인터랙션과 세련된 디자인으로 유명하기 때문에, 이를 분석하고 클론 코딩을 통해 실제로 구현해보는 경험은 매우 소중하다.

본론

환급 챌린지 조건에 의해 최소 두 개의 강의를 들어야 한다. 다음 두 강의를 나누어 간략히 내용과 후기를 적으려 한다.

• 첫 번째 강의: 카카오 인재영입 페이지 클론 코딩 소개
• 두 번째 강의: 스크롤에 따라 색이 바뀌는 텍스트 구현

첫 번째 강의: 카카오 인재영입 페이지 클론 코딩 소개

첫 번째 강의에서는 카카오 인재영입 페이지의 전반적인 구성과 주로 사용되는 인터랙션에 대한 소개를 받았다. 강사는 페이지가 어떻게 이루어져 있는지, 어떤 기술과 디자인 요소가 사용되었는지 상세히 설명해주었다. 이를 통해 비슷하게 클론코딩을 할 준비를 했다. 이 과정에서 웹 페이지를 구성하는 기본적인 요소와 사용자 경험을 고려한 디자인 방법에 대해 배울 수 있었다.

두 번째 강의: 스크롤에 따라 색이 바뀌는 텍스트 구현

두 번째 강의에서는 스크롤에 따라 텍스트의 색이 바뀌는 인터랙션을 실제로 코딩해보는 시간을 가졌다. JavaScript와 CSS를 활용하여 스크롤 위치에 따른 색상 변화를 구현하는 방법을 배웠다. 다만, 스크롤의 높이를 픽셀 단위로 설정했기 때문에, 화면 크기가 변해도 동일하게 작동하는 반응형 웹에는 적용되지 않는 점이 아쉬웠다. 이는 향후 반응형 디자인을 고려한 코딩 방법을 추가로 학습해야 할 필요성을 느끼게 해준다.

결론

카카오 인재영입 페이지 클론 코딩을 시작하며, 웹 페이지 구성과 인터랙션 구현에 대한 이해를 깊게 할 수 있는 시간이었다. 첫 번째 강의를 통해 페이지 구성의 전반적인 이해를, 두 번째 강의를 통해 구체적인 인터랙션 구현 기술을 배울 수 있었다. 특히, 스크롤에 따라 색이 바뀌는 텍스트 구현 과정에서는 반응형 웹 디자인의 중요성을 다시 한번 깨달았다. 앞으로 이러한 부분을 보완하며 더 다양한 기능을 구현할 수 있도록 노력할 것이다.

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.

https://bit.ly/48sS29N