4주차 원티드 프리온보딩코스 회고

4주차 과제-1 : 반응형 웹 사이트

📋 구현 내용

✔ Footer 컴포넌트 구현, 컴포넌트 병합

💡 새로 알게 된 내용

✔ javascript로 컴포넌트 만들기

- 자바스크립트를 리액트처럼 spa로 만들어서 작업하면 되겠다고 하는데 그게 도통 무슨 말인지 이해할 수가 없었다. 매번 회의때마다 느껴지는 이 소외감..ㄸㄹㄹ 바로 검색해봤더니 클래스를 이용해 리액트처럼 자바스크립트 내에서 html문서를 만들어 내보낸 뒤 병합하는 방식이었다. 다행히 잘 설명된 문서가 있어서 문서를 참고하면서 작업할 수 있었다.

✔ aria-role

- 이번 과제는 ie8버전에 맞춰 작업해야해서 header, footer, aside 등 시멘틱 태그를 이용할 수 없었다. css 속성만 생각했는데 html태그도 신경써야한다는걸 팀원이 알려줘서 div태그로 수정하고 태그속성에 aria-role을 추가했다.
- aria는 스크린리더 및 보조기기 등에서 접근성 및 상호 운용성을 향상시키기 위한 목적으로 탄생한 것으로 div, span과 같은 의미를 가지지않는 태그에 속성으로 사용해주어야 한다.

✨ 느낀점

✔ css로 구현해야하는 과제다보니 scss, styled-components가 왜 필요한지 그 필요성을 크게 느낄 수 있었다. 가장 먼저 클래스명을 하나하나 설정해야하는 어려움, 그리고 중첩문이 불가능하다는 점이 매우 불편하게 느껴졌다. 특히 호버효과를 적용하거나 자식요소의 스타일을 변경하고 싶을 때 등등.. 익숙하게 써와서 당연하게 여겨지던 기능들이 얼마나 편리한지 알 수 있는 시간이었다. styled-components 같은경우에는 클래스명도 알아서 정해주고, 다른 스타일 컴포넌트를 호출해서 스타일 변경이 가능하다는게 새삼 정말 대단한 기술인 것 같다.

✔ 마지막 과제는 옵션이라 과제대신 이전 과제를 정리하고 공부하는 시간을 갖기로 했다. 이제 과제는 끝나서 마음이 조금 편해졌지만 다음 주 취업/면접 가이드와 채용설명회가 끝나면 본격적으로 구직활동을 시작해야 한다. 그 전에 프로젝트들 수정, 보완하고, 이력서도 다듬고, 부족한 부분도 계속 공부해야 한다. 조급해하지말자. 차근차근 열심히 해보자!