웹 접근성이 중요하다고 들어왔지만, 강의에서나 스스로 공부할 때 이를 고려하지 않고 하다보니 웹 접근성을 지키며 마크업 하는 것이 번거롭고 불편하게 느끼고 있다는 것을 깨달아 반성해보게 되었던 것 같습니다. 그리고 웹접근성을 지켰을 때, 실제 스크린리더기에서 어떻게 구현해주는지 궁금하기도 했습니다.
form
형식을 사용할 때, 내부에 들어갈 태그들이 다양해서 혼란스러운 부분이 있었습니다.
미션에서 HTML 에서는 웹접근성 부분을 고려하여 마크업하는 부분과, CSS 에서는
display: grid;
사용하여 구현하는 부분이 많은 연습이 필요했던 것 같습니다.
미션요구사항대로 웹접근성측면도 많이 고려해보고, 다양한 속성들(float, flex, grid)도 번갈아 사용해보며 구현함으로써 시간소요가 더 된 것 같기도했지만 충분히 의미 있었다고 생각됩니다.
미션1 과제에서 float 사용하며 구현하는 요구사항부분에, 키보드로 이동할 때에도 좌-우로 흐르는 방식으로 구조를 세웠어야 했는데, 상-하로 구조를 세워 아쉬운 부분이 있습니다. 매우 수정하고싶었지만,, 오늘은 오늘의 todo와 테스트들이 있기에 시간적 여유가 될 때, 다시 해보기로 하였습니다.
HTML/CSS 강의에서는
기본부터 끝까지 러닝메이트 HTML/CSS
해당 강의가 기본기향상에 많은 도움이 되었던 것 같습니다.
HTML/CSS 코딩할 때, 이전보다 구조에 대한 그림을 많이 그려보게 되는 것 같습니다. 머릿속으로만 구성하면 직관적으로 와닿지 않는데, 큰 그림부터 작은 요소들로 쪼개어가며 구조그림을 그려나가다보면 좀더 마크업 하는데 재수정이 덜 한 것 같습니다.
다시 공부한다면,기본부터 끝까지 러닝메이트
➡HTML/CSS 장인의 핵심정리 & 프로젝트
강의 순서로 공부하고싶고, 다양한 속성과 방법을 사용하여 개인프로젝트를 많이 진행해보고 싶습니다.