본문 바로가기
  • 초부득3 - 어제보다 나은 내일을 위해
  • 꿈이 현실이 되는 날까지

인강/Fastcampus 프론트엔드 초격차6

ch 5. HTML 개요 01. 기본 문법 hello world! (이를 h1 요소라고 부를수 있음) 내용 이 전체를 요소(element)라 칭함 태그와 요소의 의미는 유사해서 혼용해서 사용할 수도 있다, 앞 태그는 시작(열린)태그 뒷 태그는 종료(닫힌) 태그 가운데의 내용은 요소의 내용(Contents) 02. 부모와 자식 관계의 이해 부모 요소 자식 요소 부모 자식 관계 / 상대적인 관계 보통 자식 요소를 들여쓰기 (indent) (tab 키) 를 이용해 구분한다. 코드를 이쁘게 작성하는 행위는, 유지보수 단계에서 2명 이상의 인원 보게 되기 때문에 필수적인 습관. 상위 요소 상위 요소 / 하위요소 하위 요소 03. 빈 태그 ?? 이놈은 어디에? 빈(empty) 태그 작성 방식 1. 편리함 이렇게 요소에 필수적으로 들어가야하.. 2021. 6. 8.
ch 4 웹에서 시작하기 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 코드들을 간편하게 실험해볼수있는 사이트. 기초 코드들을 일일이 입력하고 그럴 필요가 없음. 02 브라우저 스타일 초기화 크롬의 경우 user agent stylesheet body { display: block; margin: 8px; } 브라우저에 기본적으로 위와 같은 css가 적용되어 있음. 크로스 브라우징을 위해 이러한 기본 css들을 .. 2021. 6. 6.
ch3 무작정 시작하기 파일 이름을 index.html 로 하는 이유. 브라우저가 프로젝트 단위의 폴더를 출력할때 가장 먼저 찾는 파일이기 때문. Doctype(DTD) DOCTYPE html> 문서의 html 버전을 지정 doctype(dtd, document type definition)은 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도. HTML1,...,4, XHTML, HTML 5 (최신이자 표준) DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...> 는 XHTML 으로 운영되는 페이지. 1~4는 아예 볼일 없음. HTML, Head, Body 문서의 전체 범위 (HTML 문서가 어디에서 시작하고.. 2021. 6. 6.
Vscode 단축키 ctrl + b 사이드바 열고 닫기 ctrl + p 파일 빠른 검색 및 열기 ctrl + shift + p 모든 명령 검색 및 열기 ctrl + w 현재 탭 닫기 ctrl + f 찾기 ctrl + alt + f 찾은걸 죄다 바꾸기 alt + up 줄 위로 이동 alt + down 줄 아래 이동 alt + shift + down 아래에 줄 복사 alt + shift + up 위에 줄 복사 tab 들여쓰기 (줄을 오른쪽으로 옮기기) shift + tab 내어쓰기 (왼쪽으로 옮기기) ctrl + alt + l 모두 정리 ctrl + pgup , pgdn 편집기(탭) 옮겨다니기 ctrl + \ 편집기 분할 (화면 분할) 2021. 6. 6.
자료 링크 heropy.blog https://heropy.blog/2019/04/24/html-css-starter/ 입문자에게 추천하는 HTML, CSS 첫걸음 개요 HTML, CSS 그리고 JavaScript 웹 표준 크로스 브라우징 웹 접근성 정보 통신 보조기기 웹 접근성 품질인증 마크 웹 개발을 위한 에디터 Su ... heropy.blog https://heropy.blog/2019/05/26/html-elements/ 한눈에 보는 HTML 요소(Elements & Attributes) 총정리 인터넷에 검색 가능한 많은 HTML 문서들의 내용을 요소(Elements), 속성(Attributes)의 개념으로 핵심적인 내용들만 요약해서 정리했습니다. 각 요소들의 자세한 설명은 패스트캠퍼스 온라인 강의(onl.. 2021. 6. 2.
Vscode, 특수 기호, 오픈 소스, 초격차 ch.1.06 특수기호 *중요 기호* 더보기 ` : backtick 백틱, grave 그레이브 | ~ 키에 있는거, javascript에서 자주 사용 ~ : tilde 틸드, 혹은 물결표시 @ : at sign 앳, 골뱅이 ^ : caret 캐럿 | ~이상을 표현 할 때 사용, 자주 사용하진 않음, 명칭 외우기 * & : ampersand 엠퍼센드 | 별도의 한국 명칭 없이 자주 사용 * * : asterisk, 별표 - : hyphen, dash, 마이너스 : 개발에선 하이픈, 대시라고 함. 자주 사용 _ : underscore, low dash, 밑줄 : 언더스코어라 주로 부름. 자주 사용 / : slash | : vertical bar \ : back slash, 역 슬래시 ( ) : par.. 2021. 6. 2.

티스토리툴바