HTML(Hyper Text Markup Language)는 페이지에 제목, 문단, 표 등을 정의하고 의미를 부여하는 정적 언어이다. CSS(Cascading Style Sheets)는 콘텐츠 구조를 꾸며주는 정적 언어로 웹의 시각적 표현을 담당한다.
웹접근성
[웹 접근성 연구소] https://www.wah.or.kr:444/
[한국형 웹 콘텐츠 접근성 지침 2.1] https://www.wah.or.kr:444/Participation/guide.asp
[웹 콘텐츠 제작기법] https://www.wah.or.kr:444/Participation/technique.asp
웹 접근성 품질인증 마크
장애인이나 고령자가 웹사이트 이용에 불편이 없도록 웹 접근성 표준을 준수한 우수 사이트에 대해 품질을 인증하고 마크를 부여하는 제도.
에디터
[Sublime Text] https://www.sublimetext.com/
[Atom] https://atom.io/
[Brackets] http://brackets.io/
[VS Code] https://code.visualstudio.com/
[WebStorm] https://www.jetbrains.com/webstorm/
VS Code
Extensions
- Korean Language Pack for Visual Studio Code
- Beautify
- Live Server
- Auto Rename Tag
- Terminal
- Live Sass Compiler
- Turbo Console log
- Better Comments
- Highlight Matching Tag
- GitLens
- REST Client
단축키
Windows 단축키 | macOS 단축키 | 설명 |
---|---|---|
Ctrl + B | Cmd + B | 사이드바 열기/닫기 |
Ctrl + P | Cmd + P | 빠른 열기(파일이나 기호 탐색) |
Ctrl + Shift + P | Cmd + Shift + P | 모든 명령 표시(에디터의 모든 명령에 접근) |
Ctrl + F | Cmd + F | 찾기(검색) |
Ctrl + H | Cmd + Opt(Alt) + F | 찾기(검색)/바꾸기(대체) |
Alt + Up | Alt + Up | 줄 위로 이동 |
Alt + Down | Alt + Down | 줄 아래로 이동 |
Shift + Alt + UpArrow | Shift + Alt + UpArrow | 위에 줄 복사 |
Shift + Alt + DownArrow | Shift + Alt + DownArrow | 아래 줄 복사 |
Tab | Tab | 들여쓰기 |
Shift + Tab | Shift + Tab | 내어쓰기 |
Ctrl + PageUp | Cmd + Shift + [ | 이전 편집기 열기(좌측 창으로 전환) |
Ctrl + PageDown | Cmd + Shift + ] | 다음 편집기 열기(우측 창으로 전환) |
Ctrl + \ | Cmd + \ | 편집기 분할(백슬래쉬) |
Ctrl + 숫자 | Cmd + 숫자 | (숫자)번째 분할된 편집기 그룹에 포커스 |
Ctrl + W | Cmd + W | 편집기 닫기 |
오픈소스 라이선스
어떤 제품을 개발하는 과정에 필요한 코드 등을 누구나 열람할 수 있도록 공개하는 것
개인적 이용은 가능하지만 상업적 이용에 한해서는 제한이 있거나 비용을 지불해야 하는 경우가 있다.
- Apache License: 개인/상업적 이용, 배포, 수정, 특허 신청 가능
- MIT License: 개인 소스에 이 라이선스를 사용하고 있다는 표시만 지켜주면 되며 나머지 제약은 없음
- BSD License: MIT License와 동일
- Beerware: 오픈소스 개발자를 만날 수 있다면 맥주를 사주자!
웹표준 검사
[마크업 유효성 검사] https://validator.w3.org/
[CSS 유효성 검사 사이트] https://jigsaw.w3.org/css-validator
참고 사이트
[W3C 웹 표준] https://www.w3.org/
[MDN 웹 문서] https://developer.mozilla.org/ko/
[W3Schools] https://www.w3schools.com/