1. HTML/CSS 공부하며 느낀점
구조와 디자인의 분리의 중요성에 대해 알게 되었다. HTML로 구조를 정의하고 CSS로 디자인을 담당한다. 이 두 가지를 분리하여 작업하면 코드의 유지보수가 쉬워지고 가독성이 높아진다.
효율적인 선택자의 활용은 id와 class의 과다한 사용을 방지할 수 있다. 또한 정확하고 효율적인 선택자 사용은 스타일 적용을 유연하게 만든다.
실습의 중요성
디자인 시안을 분석하고 구축하여 문제를 해결하는 능력 등은 실습을 통해 기를 수 있다.
2. HTML/CSS 어려웠던 내용 - 웹 접근성
웹 접근성은 모든 사용자가 웹 사이트의 정보를 동등하게 접근하고 이해하도록 하는 중요한 원칙이므로 웹 개발 시 반드시 보장해야 한다. 하지만 직접 코드를 작성해 보니 이를 준수하는 일에서 어려움을 느끼게 되어 다양한 어려움과 이유에 대해 정리해 보았다.
1. 보이지 않는 정보의 처리
스크린리더 등의 보조 기술 사용자를 위한 코드는 화면에 보이지 않기 때문에 의도대로 동작하는지 확인할 수 없다.
2. 테스트의 어려움
접근성을 준수하는 과정에서 일일이 스크린리더를 실행하고 확인할 경우 번거로운 작업이 반복될 수 있다. 모든 코드를 작성한 후 확인할 경우 동작하지 않는 요소를 놓치는 위험이 있을 수 있다.
3. CSS와의 상호작용
보조 기술에서는 읽히지만, 화면에는 보이지 않는 콘텐츠를 제작할 시 CSS로 콘텐츠를 숨겨야 하는 경우가 존재한다. 이때 CSS 속성을 잘못 사용하면 보조 기술이 읽는 정보가 누락될 수 있다.
4. 포괄적인 지식 필요
장애 유형별로 어떤 조치를 해야 하는지에 대한 이해가 필요하다. 시각, 청각, 운동, 인지 등 다양한 장애 유형에 대한 지식이 필요하며 이에 따라 어떤 접근성 기법을 적용할지 알아야 한다.
3. HTML/CSS 강의 중 가장 도움 된 강의
기본부터 끝까지 러닝메이트 HTML/CSS
mdn 문서 읽는 방법부터 태그 사용법, CSS 적용법까지 HTML/CSS에 대한 기본기를 탄탄히 쌓을 수 있고
VSCode 단축키, 현업에서의 꿀팁 등도 배울 수 있다.
4. 나만의 HTML/CSS 공부팁
좋아하는 웹페이지를 개발자 도구로 검사하고 훔쳐보며 클론코딩하는 것이 HTML/CSS를 학습하고 흥미를 붙이는 데에 도움 되는 것 같다.
