웹스터디] 1 - 참고 자료

 

비쥬얼 스튜디오 코드 설치 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

* 비쥬얼 스튜디오 코드 확장기능 설치

1. 커맨드 팔레트 열기 :  단축키 Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
2. Install Extension 선택
3. HTML-Snippets 검색
4. 설치
5. 비쥬얼 스튜디오 껐다가 켜기

독할할때 좋은 사이트 

https://opentutorials.org/course/3084

https://webstoryboy.co.kr/

 

웹페이지에서 많이 쓰이는 태그 통계

https://www.advancedwebranking.com/html/

 

 

Css 속성 설명, 예제

https://www.w3schools.com/cssref/default.asp

 

head 태그 안에는 뭐가 들어가는가

https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML

 

HTML, CSS 네이밍 규칙

http://darum.daum.net/convention/name

 

w3c

https://validator.w3.org/unicorn/

 

웹 접근성의 이해 - 널리

https://nuli.navercorp.com/sharing/a11y/awareness

 

다음 웹표준 - 실제 적용 예를 보여줌

http://darum.daum.net/

 

한국웹접근성 기관

http://www.kwacc.or.kr/

 

네이버 접근성 가이드

https://nuli.navercorp.com/sharing/a11y/awareness

 

웹 참고 사이트

http://gdweb.co.kr/

 

---

꼭 알아두어야 할 사항

• html 파일 기본 구조
• 박스모델
• 스타일 선택자 : class, id

 

다음 시간에 공부할 사항

• 여러가지 레이아웃 잡아보기
• display flex
• 선택자: 자식, 자손, 형제, 가상