C : 고수준 언어 중에서는 기계에 상대적으로 가까워서 기계를 구체적을 통제할 수 있는 언어 . 배우는게 어렵지는 않지만 사용할 수록 난이도가 올라간다. 사용의 효율성보다는 기계의 효율성을 높일 수 있음C++ : 하드웨어가 중요하면서도 고급기술이 필요한 게임이나 그
HypeTextMarkup LanguageWhat You See What You Get : 마크업언어가 아니라 보이는대로 끌어다가 웹 페이지를 만드는 것접근성 (accessable) : <html lang=”ko”> 보기에는 크게 다르지 않지만 브라우저에서 인식하
다른 태그들을 포함하거나 다른 태그에 포함되어 사용되는 태그들이다.어떤 요소들을 포함하는 목록을 나타낼 때 사용한다.목록태그는 CSS와 함께 다양한 형태로 활용된다. (예, 사이트의 메뉴 항목들)<ul> > <li>unordered (순서가 없는) list&
자체적인 크기와 여백이 없다. : 내용부의 크기가 요소의 크기를 결정한다.높이, 너비, 외부/내부 여백 설정이 불가능하다.내용부의 가로, 세로 정렬 설정이 불가능하다.줄바꿈을 강제하지 않는다.보통은 다른 데이터와 인라인 요소만 포함한다. (block 레벨 요소는 포함이
💡 구획을 나누기 위해서 <div> 를 사용하지만, 특정한 용도를 나타내기 위해서 시멘틱 태그들을 이용한다.<div> : division순수 컨테이너 : 스스로는 아무것도 표현하지 않음, 용도를 추론할 수 없는 컨테이너 역할만 한다.다른 요소들을 묶거나,
💡 정보를 입력받기 위해 사용되는 요소들을 알아보자<form>앞으로 만들 페이지에서는 <form> 태그를 사용하지는 않을거지만, 앞으로 사용할 태그들의 부모 요소로 알아두어야 한다.정보 제출에 사용되는 문서 구획내부 입력 양식들의 부모, 컨테이너 역할입력된
<head> 내 <style> 태그 또는 분리된 파일에 적용 시 tag 선택자 : 문서 내 지명된 모든 태그에 적용class 선택자 : 문서 내 다수 요소에 동일하게 적용될 수 있는 class 속성에 적용id 선택자 : 문서 내 유일한 요소에 적용될 수 있는
부모 스타일이 자식 스타일에도 적용글꼴 그룹 : 사용자의 컴퓨터에 지정한 폰트가 없을 때를 대비하여 여럿 지정구글 폰트글자 크기 글자 굵기글자 스타일순서에 맞게 입력해야함font-size와 font-family는 필수 입력글자색키워드 사용 (blue, transpare
높이와 너비calc() : CSS 속성의 값으로 계산식을 지정할 수 있다. <length>, <frequency>, <angle>, <time>, <percentage>, <number>, 또는 <integer>를 받는 속성의 값
문서 상에 요소를 배치하는 방법.기본값. 문서를 요소의 일반적인 흐름에 따라 배치한다.상대적 배치. static과 비슷하나 자기 자신을 기준으로 top, bottom, left, right 속성을 지정할 수 있다.absolute를 포함하는 부모 요소로 주로 사용된다.절
Grid container : 부모 요소. grid를 적용하는 grid 전체 영역이다. grid container 안의 요소들이 grid 규칙에 따라 정렬된다.Grid item : 자식 요소.Grid track : griddml 행 또는 열절대값으로 지정하기
👉 목표 : 내비게이션에서 메뉴를 선택하면 화면 구성이 바뀌도록 구현하려고 한다.querySelector() 안에 CSS의 선택자를 넣는다.이때 변수가 포함된 선택자를 넣고싶으면 변수가 들어간느 부분을 제외한 부분을 ' ' (작은 따옴표)로 묶어주고 +로 연결해준다.
공식 홈페이지 : https://material.io/design구글이 2014년에 도입하였다. 플랫 디자인에 그림자로 깊이감 추가 (요소별 높낮이 표현)역동적인 애니메이션 활용일관성 있는 UX \- 어떤 기기나 앱을 사용하든 익숙한 사용자 경험어떤 컨텐츠든
브라우저마다 다른 CSS 속성을 초기화해준다.Eric Meyer's CSS Reset 2.0
👉 완성물https://github.com/coastby/Gallery-Project절대값으로 하니 화면을 줄이거나 하니 튀어나와서 안이쁘다.가로text-align : center; text-align 속성은 가로정렬을 설정할 수 있는 속성이다.여기서는, 가
보통 head 태그 안에 작성하나, 필요 시 body 태그 내에 작성페이지 내의 console에서 명령어 입력가능.
document.querySelector (선택자) : css 선택자로 페이지의 요소 선택가능문자열을 +로 연결하면(문자열에 문자열을 더하면) 이어진 문자열이 됨다른 연산자(-, /, \* 등)는 작동하지 않음문자열과 숫자를 더하면 문자열이 됨데이터를 담는 주머니 -
mdn web docsJavaScript 배열은 길이도, 각 요소의 자료형도 고정되어 있지 않습니다. 배열의 길이가 언제든지 늘어나거나 줄어들 수 있고 데이터를 연속적이지 않은 곳에 저장할 수 있으므로, JavaScript 배열은 밀집성을 보장하지 않습니다. 보통 이런
div 태그 안에 span 태그와 내용을 삽입하려고 한다.1) span 태그를 생성하고 2) span 태그 안에 내용을 넣고 3) span 태그를 div 안에 넣어준다.
객체 (object) 클래스는 javascript 데이터 유형 중 하나이다. 다양한 키 모음 및 더 복잡한 엔티티들을 저장하는 데 사용된다. 이름 (name)과 값 (value)로 구성된 프로퍼티 (property)의 정렬되지 않은 집합니다. 프로퍼티의 값으로 함수가