🩶 HTML/CSS를 공부하면서 느낀점
기존에 이미 알고 있던 개념들이 있어서 약간의 지루함이 있었지만, 그 과정 속에 숨어있는 심화 학습 요소들이 무심코 지나칠 수 없게 만들어 주어서 더 깊이 파고들며 학습할 수 있는 동기를 부여받을 수 있었다.
또한, 공부 과정을 통해 HTML/CSS에 대한 내 이전의 인식이 크게 바뀌었다. 그동안 HTML/CSS는 디자인 요소에 초점을 맞춘, 상대적으로 중요치 않게 여겨지는 분야라 생각했지만, 이번 학습을 통해 그것이 얼마나 틀린 생각이었는지를 깨닫게 되었다.
HTML/CSS는 사이트의 뼈대를 구성하는 핵심적인 요소이며, 이를 잘 구축해야만 스크린 리더기의 작동, 스크립트의 제어 등 다양한 기능들이 원활하게 작동한다는 것을 깨달았다. 또한, 반응형 웹 디자인에 있어서는 스타일의 중요성을 새삼 느끼게 되었다.
이러한 경험은 단순히 새로운 지식을 습득하는 것을 넘어, 기존의 내 가치관을 재정립하는 계기가 되었다. 이제 HTML/CSS는 단순히 '공부해야 할' 것에서 '잘 알고 싶은' 분야로 자리 잡게 된 거 같다.
🩵 HTML/CSS 공부하면서 어려웠던 개념과 이유
HTML/CSS 공부를 진행하면서 특별히 어려웠던 개념이라기보다는, 이전에는 크게 주목하지 않았던 부분에 대해 새롭게 인식하게 되었다. 그것은 바로 '스크린 리더기를 고려한 웹페이지 설계'였다. 이는 웹 접근성에 큰 영향을 미치는 부분인데, 이를 통해 웹페이지가 모든 사용자에게 동일하게 접근 가능하게 만드는 중요성을 깨닫게 되었다.
특히, aria-label, WAI-ARIA의 role 등의 개념을 새롭게 알게 되면서, 웹 접근성을 향상시키는 것이 얼마나 중요한 역할을 하는지를 이해하게 되었다.
(이들은 웹페이지의 요소들에 대한 추가적인 설명을 제공하거나, 요소의 역할을 명확하게 정의함으로써 스크린 리더기 사용자가 웹페이지를 더 쉽게 이해하고 사용할 수 있게 도와준다. 이거의 있고 없고의 차이가 엄청 크더라..)
이러한 경험을 통해, 웹페이지 설계에 있어서는 단순히 보이는 디자인뿐만 아니라, 사용자의 다양한 접근성을 고려하는 것이 얼마나 중요한지를 깨닫게 되면서, 이제는 웹페이지를 설계할 때, 이러한 웹 접근성을 반드시 고려하려고 노력하고 있다.
🩶 제로베이스 온라인 강의 중 가장 도움이 되었던 강의와 이유
가장 도움이 되었던 강의는 모든 강의이며, 다양한 강의를 통해 학습하면서 여러 가지 장점을 느낄 수 있었다.
첫째로, 강의를 통해 기존에 알고 있던 개념을 다시 한 번 확인하고, 그 사이에 숨어있던 심화 내용을 찾아내는 과정이 매우 유익했다. 이는 내가 무엇을 알고 있고, 어떤 부분을 더 깊게 배워야 하는지를 명확하게 인지할 수 있게 도와주었다.
둘째로, 강의를 듣는 과정에서 HTML/CSS의 중요성을 새롭게 인식하게 되었다. 특히 스크린 리더기를 고려한 웹페이지 설계의 중요성, 그리고 이를 위한 aria-label, WAI-ARIA의 role 등의 개념을 새롭게 배우게 되어, 이를 실제 웹페이지 설계에 적용하는 데 큰 도움이 되었다.
마지막으로, 온라인 강의는 내가 원하는 시간과 장소에서 학습할 수 있어, 효율적으로 시간을 활용할 수 있다는 점에서도 큰 장점이 있었고, 덕분에 학습에 대한 부담감이 줄어 더욱 즐겁게 공부할 수 있었다.
이처럼, 공부를 진행하면서 느낀 가장 큰 장점은, 개별적인 학습 요구에 맞춰 유연하게 학습할 수 있고, 또한 새로운 지식을 체계적으로 습득할 수 있다는 것이었다.
🩵 나만의 공부팁
전체 학습 과정을 거치며 느낀 '아, 이렇게 했으면 좋았을 텐데'라는 생각들을 정리해 보았습니다.
< 추천 강의 - "HTML/CSS 장인의 핵심정리 & 프로젝트" >
이 강의는 응용에 가장 최적화되어있는 강의라고 생각합니다.
- HTML은 MDN의 문서를 차례대로 읽고 나서 강의를 듣는 것이 가장 효과적이라고 느꼈습니다. 이를 통해 HTML의 기본적인 개념과 구조를 체계적으로 이해하고 나서 그 후에는, 다양한 플랫폼의 HTML 문서를 열어보며 공부한 내용을 실제로 어떻게 적용되는지를 확인하며 복습합니다. 그러면 이를 통해 이론적으로 배운 내용이 실제로 어떻게 작동하는지를 직접 보며 이해도를 높일 수 있습니다.
- CSS는 codepen을 활용하여 공부했습니다. 이 플랫폼은 코드를 작성하면 실시간으로 그 결과를 볼 수 있어, CSS의 작동 원리와 효과를 직관적으로 이해하는 데 도움이 되었습니다. 또한, 즉시 수정하며 결과를 확인할 수 있어 효율적인 학습이 가능했습니다.
< 추천 강의 - "잔재미코딩의 CS 이론 & 기술면접" >
- 이론 내용은 복잡하고 어렵기 때문에 커리큘럼을 따라 체계적으로 공부하는 것이 제일 안정적이었습니다. 강의를 들으면서 어려운 경우에는, 여러 번 접하며 이해도를 높이기 위해, 같은 내용의 강의를 2-3번 반복해서 듣는 것을 추천합니다.
