프론트엔드란?: HTML, CSS, JS를 사용하여 웹페이지를 사용자에게 보여주는 것.프로그램을 사용하여 데이터를\-> 그래픽 사용자 인터페이스(GUI)로 변환하여\-> 사용자와 상호작용할 수 있도록 하는 것이다.3개의 언어란? : HTML, CSS, JS를 말한다.H
\`: 백틱(Backtick), 그레이브(Grave)~: 틸드(Tilde), 물결표시!: 엑스클러메이션(Exclamation), 느낌표@: 앳(At sign), 골뱅이: 샵(Sharp), 넘버(Number sign), 우물 정$: 달러(Dollar sign)%: 퍼센
작성방법바탕화면에서 새파일 만들고 프로젝트 이름 설정VS Code에서 폴더열기로 프로젝트 불러오기파일 생성( \* 항상 소문자 )기본 단축키메뉴열기 (검색해서 사용): Ctrl + Shift + P파일또는 폴더 열기: Ctrl + O전체선택: Ctrl + A맨아래의 상
깃허브에 들어가기Repositories 들어가기Repositories 생성 -> git clone 으로 프로젝트 연동 -> vscode로 폴더열기 -> 작성 후 커밋 후 푸쉬연두색으로 되어있는 New버튼으로 새로운 프로젝트를 만들기프로젝트 명(Repository nam
css를 통해서 html을 제어할 수 있는 항목들박스 모델글꼴, 문자배경배치플렉스(정렬)전환변환띄움애니메이션그리드다단필터인라인 요소 : 가로 넓이가 최대한 줄어들고 가로와 세로 사이즈를 지정할 수 없다.블록 요소 : 가로 넓이가 최대한 늘어나고 가로와 세로 사이즈를 지
프로젝트 폴더 생성 > 폴더 명 : overwatch 폴더 생성 : 깃허브 - git clone 첫 프로젝트는 overwatch 캐릭터를 고르는 페이지를 제작하는 것이다. 따라서 프로젝트 명은 overwatch로 지었다. 1. 깃허브에서 프로젝트 폴더를 생성해 준
HTML "웹브라우저를 통한 콘텐츠를 정의하기 위해 사용하는 언어이다." HT(HyperText) 하이퍼링크를 통해 다른 문서로 접근할 수 있는 텍스트로 M(Markup) 표시하는 L(Language) 언어이다. "하이퍼 텍스트와 콘텐츠를 표시해 주는 언어" HT
emmet은 HTML 및 CSS 등에 쓰이는 단축키를 사용할 수 있는 것이다.ctrl + shift + P를 눌러서 커멘드 패널을 열고 emmet을 검색한다.첫번째로 뜨는 emmet: Balance (inward)를 누른다.여러 방법의 단축키를 입력하여 간편하고 빠르게
10000hours page project에서 사용된 code들 설명 모음 script script란? HTML문서에 자바스크립트 코드를 삽입할 수 있는 코드 script의 위치는 body의 가장 마지막에 작성하여야 문서 처리 속도가 빨라진다. defer 다만, 자
css에 대한 기초지식 공부html의 기본구조를 꾸며주는 것이며,스타일을 작업하는 것이라고 한다.선택자: 스타일(css)을 적용할 대상속성: 스타일(css)의 종류 (예: color)값: 스타일(css)의 값 (예: blue)속성:(은) 값;(이다)라고 생각하고 구조이
css는 화면을 꾸며주는 것이므로,code가 화면에 어떻게 그려질지 상상하는 것이 중요하다.reset. css브라우저의 기본적인 세팅을 초기화하고 css해야한다.구글에 reset. css 검색 후 HTML 을 복사후 head의 title 밑에 붙여넣는다.px픽셀기본 f
html css에서 사용된다.예시) the-quick-brown-fox-jumps-over-the-lazy-dog\-기호를 띄어쓰기 대신 사용된다.컴퓨터는 하나의 단어로 인식한다.html css에서 사용된다.예시) the_quick_brown_fox_jumps_over