본문 바로가기
제로베이스 프론트엔드 스쿨 23기/[사전학습]

[과제] HTML CSS - 프로젝트 과제 1차 ( 부트캠프 과제)

by 저여저 2024. 1. 23.

1. HTML/ CSS를 공부하면서 느낀점

배웠던 이론들을 섞어서 적재적소에 사용할 수 있도록 반복 연습을 해야겟다.

기초가 흔들리니까 자꾸 헷갈린다. 꼼꼼하게 다지자 ! 

모르는 부분은 공식홈페이지의 정의 부터 확인하고 찾아보자.

( 찾아서 이해 안되서 다시 읽고 또 읽고,,, 시간을 줄일 수 있다.)

 

2. HTML/ CSS 공부하면서 어려웠던 개념과 이유

ㅡ WAI-ARIA 접근성 개념  : aria 의 속성들이 다양해서 처음에는 어떤 상황에 적용해야 하는지 몰랐다.

ㅡ 가상클래스의 다중선택 / 가상클래스 선택에서 다른 클래스 실행 

 

3. 제로베이스 온라인 강의 중 가장 도움이 되었던 강의와 이유

 기초 이론 총 정리 + CSS 레이아웃 실습 1 

ㅡ 큰 틀을 잡는 레이아웃의 기본적인 구조가 머릿 속에 떠오른다

 처음부터 따라해보는 HTML/CSS 실습 > CSS레이아웃 > floa t, flex , grid

ㅡ 예제를 통해서 레이아웃 구조의 흐름을 다시 쉽게 알 수 있다.

처음부터 따라해보는 HTML/CSS 실습 > CSS 한걸음 더 >  3. CSS가상클래스

ㅡ 가상클래스의 예제가 상세하다.

HTML/CSS 장인의 핵심정리 & 프로젝트

ㅡ 강의는 현업위주라서 프로젝트 준비에 아주 도움된다. 변수사용이라던지 , 다양한 css파일 활용 등.. 

미리 수강하고 과제를 진행하는게 좋겠다. 

 

 

 

 

4. 나만의 공부Tip

ㅡ MDN의 정의를 따로 시간내어 한번씩 읽어 보는 것도 좋겟다.

ㅡ 사전 선행학습했던 클론코딩을 한번 더 복습하면서 기본적인 틀을 다시 한번 머릿 속에 넣는게 좋겠다.

 


https://a9i929.tistory.com/86

 

[HTML] WAI-ARIA 이란 ?? ( aria hidden 사용법)

ㅇ WAI-ARIA 이란 ?? ㅡ 마우스나 모니터를 사용 할 수 없는 사람들에게 스크린 리더를 통해 웹 컨텐츠와 웹 애플리케이션에 더욱 편리하게 접근할 수 있도록 하는 방법이다. ㅡ 특히 HTML , JavaScript

a9i929.tistory.com