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

서론

웹 개발을 배우는 과정에서 때때로 놀라운 발견을 하게 된다. 이번에는 '404 에러 페이지'라는 시리즈를 통해 두 가지 매우 흥미로운 주제에 대해 배웠다. 첫 번째 강의는 404 페이지의 중요성에 대한 것이었고, 두 번째 강의는 SVG 이미지와 그 사용에 대한 것이었다. 이 두 주제는 웹 개발의 미묘하지만 중요한 측면들을 탐구하는 데 도움을 줬다. 이 글에서는 각 강의에서 얻은 지식과 인사이트를 공유하고자 한다.

본론

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

문제는 이전처럼 1강, 2강에 이어 3강, 4강을 쓰는게 아니라 도중에 여러 강의를 들어서 인상깊었던 강의를 작성하려 한다.

• 첫번째 강의 - 404 에러 페이지, 챕터 개요
• 두번째 강의 - 404 에러 페이지, SVG이론

첫번째 강의 - 404 에러 페이지, 챕터 개요

첫 번째 강의에서는 404 페이지가 무엇인지와 왜 404 페이지를 만드는 것이 중요한지에 대해 배웠다. 강사는 404 페이지가 단순히 웹사이트에서 페이지를 찾을 수 없을 때 나타나는 페이지 이상의 것임을 강조했다. 특히, 404 페이지는 상호작용적인 웹을 위해 중요하다고 했다. 사용자가 웹사이트를 탐색하는 과정에서 실수로 잘못된 URL을 입력하거나 존재하지 않는 페이지로 이동했을 때, 효과적인 404 페이지는 사용자에게 길을 잃었다는 느낌보다는 유용한 정보나 홈페이지로 돌아갈 수 있는 링크를 제공함으로써 긍정적인 경험을 제공할 수 있다.

이 강의를 통해 나는 404 페이지가 사용자 경험을 개선하는 데 중요한 역할을 할 수 있다는 것을 깨달았다. 잘 디자인된 404 페이지는 사용자가 실망감을 느끼지 않도록 도와주고, 웹사이트와의 상호작용을 계속 유도할 수 있다는 사실이 인상 깊었다.

두번째 강의 - 404 에러 페이지, SVG이론

두 번째 강의에서는 SVG(Scalable Vector Graphics) 이미지와 이것이 웹에서 어떻게 사용될 수 있는지에 대해 배웠다. SVG는 벡터 기반의 이미지 포맷으로, 이미지의 크기를 조정해도 화질이 저하되지 않는다는 장점이 있다. 강사는 벡터 이미지와 래스터 이미지(픽셀 기반) 사이의 차이점을 설명하고, 각각을 언제 사용해야 하는지에 대해 설명했다.

SVG 이미지는 특히 로고, 아이콘, 그리고 복잡한 디자인을 웹에서 활용할 때 유용하다고 배웠다. 벡터 기반이기 때문에 확대해도 이미지가 깨지지 않으며, 웹 디자인에서의 유연성을 크게 향상시킨다. 이 강의를 듣고 나서, 나는 SVG 이미지를 적극적으로 활용하면 웹 페이지의 시각적 품질을 높이면서도 로딩 시간을 줄일 수 있을 것이라는 것을 깨달았다.

결론

이 두 강의를 통해, 나는 웹 개발의 덜 주목받지만 굉장히 중요한 측면들을 배울 수 있었다. 404 페이지의 중요성과 SVG 이미지의 활용 방법은 웹사이트를 더욱 사용자 친화적이고 전문적으로 만드는 데 큰 도움이 될 것이다. 이러한 지식을 바탕으로, 나는 앞으로의 웹 개발 프로젝트에서 이러한 요소들을 효과적으로 적용할 것이다. 이 글을 통해 여러분도 이러한 주제에 대해 더 관심을 가질 수 있기를 바란다.

비하인드

오늘 내용은 생각보다 쉽게 놓칠 수 있는 부분을 다시 한번 짚었다는 부분에서 큰 의미가 있다고 생각한다. 하루하루, 놓치지 말고 꾸준히 하다보면 이게 나에게 힘이 될 것이라 생각한다.

 

 

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

https://bit.ly/48sS29N