몸과 마음이 건전한 SW 개발자

▶▷ 서론◁◀프론트 개발을 할 당시 기획부터 figma로 직접 UI/UX를 설계, 개발까지 모든 과정을 경험해봤다.하지만 내가 개발할 당시 웹 접근성, 하물며 웹 표준에 대해서도 모르는 상태로 개발에 참여했었다.만약 내가 개발한 사이트를 오픈한다면 웹 접근성 인증을 받아야 하며 내가 이를 받을 수 있을지 의문이다.이처럼 이 글을 쓰는 이유는 앞으로 웹 접근성과 웹 표준에 대해 이해하고 개발하기 위함이다.또한 나처럼 모르고 개발하는 사람은 없었으면 좋겠다.▶▷ 목차 ◁◀웹 표준과 웹 접근성내 포트폴리오 테스트하기시맨틱 태그를 사용해야 하는 이유정리하기▶▷ 1. 웹 표준과 웹 접근성◁◀웹 표준 안에 웹 접근성이 있다고 보면 된다.웹 표준이란HTMLHTML5를 사용하여 웹페이지의 구조를 정의CSS CSS3를 ..

display: flex를 사용해서 도형을 가로로 정렬할 수 있다. justify-content를 사용해서 도형을 정렬할 수 있다. display: flex justify-content 반응형 기타 코드 1. Display: Flex 파란색 테두리의 초록색 큰 직사각형은 display: flex가 적용되지 않았다. 따라서 도형은 세로로 정렬된다. 하지만 display: flex를 적용하면 첫째 줄의 작은 상자들 처럼 가로로 정렬된다. 2. Justify-Content justify-content: center를 적용하면 가운데 justify-content: flex-end를 적용하면 오른쪽으로 정렬한다. (그냥 end와 right도 비슷한 기능을 하는 것 같다.) 위의 사진을 참..