Hello World

Swith키워드란 다중조건문을 의미하여 다중if와 동일한 기능을 수행한다. 다중 if에 비해 식이 조금 간편한데 디테일하게 조건을 줄수는 없다. 아래 다중if와 Switch 조건식 차이를 보자 if문 조건식에 >, =,

리터럴(literal) : 소스 코드의 고정된 값을 대표하는 용어다. 거의 모든 프로그래밍 언어는 정수, 부동 소수점 숫자, 문자열, 불린 자료형과 같은 용어를 가지고 있다. 명령문(Statement) : 명령이 실행되는 문장을 말하며 세미콜론; 으로 문장이 끝난다.

JavaScript는 function(함수)는 다른 객체처럼 속성 및 메서드를 가질 수 있기에 객체로 표현이 된다. 다른 객체와 함수를 구별하는 것은 함수는 호출될 수 있다는 것입니다. * function는 이름이 없을수도 있다. (생략가능) * JS에서는 함수가 값이 될 수 있다 ( Java Script Object(객체)란 객체는 어떻게 보면 자바스크립트 그 자체라고 볼 수 있다. Js는 객체 지향 언어 이며 대부분이 객체를 불러와 실행된다. ex) 우리가 잘못알고 있는 String(문자열) 도 객체 로 포함되며 대표적인 String 메서드로는 length(문자열카운트) 가 있다. object 정의 표현식 ex)

CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공 한다. 조금 더 복잡한 레이아웃을 위해 우리는 CSS Grid를 사용할 수 있다. Grid Container를 위한 속성들은 다음과 같습니다. display 필수 Grid Item을 위한 속성들은 다음과 같습니다. position 속성은 웹 페이지 상에서 요소(Element)를 어떻게 배치하는지를 정해준다. absolute: 절대 좌표와 함께 위치를 지정해 줄 수 있습니다. relative: 원래 있던 위치를 기준으로 좌표를 지정합니다.(원래기준 못벗어남) 출처 중앙정보처리학원, https://heropy.blog/2019/08/17/css-grid/ CSS Grid 완벽 가이드 CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 ..

Elements 의 Attrubute를 선택 할 수 있다. ex) a Elements 의 target Attrubute

CSS pseudo-class 는 선택될 요소(element)의 특별한 상태를 지정하는 선택자(selector)에 추가된 키워드 이다. 예를 들어 :hover는 사용자가 선택자에 의해 지정된 요소 위를 맴돌(hover) 때 스타일을 적용한다. a:hover { background-color: yellow; } 출처 및 All CSS Pseudo Classes https://www.w3schools.com/css/css_pseudo_elements.asp CSS Pseudo-elements CSS Pseudo-elements What are Pseudo-Elements? A CSS pseudo-element is used to style specified parts of an element. For exa..

CSS 선택자(Selector) 끼리 결합이 가능하다 이를 결합자(combinators)라하고 대표적인 아래 4가지 유형을 알아보자. (주황 : style미적용 코드, 초록 : style적용코드) descendant selector (space) (자손) 결합자 ex) child selector (>) (자식) 결합자 ex) adjacent sibling selector (+) (인접형제) 결합자 ex) general sibling selector (~) (이전형제) 결합자 출처 https://www.w3schools.com/css/css_combinators.asp

HTML과 비슷하게, CSS도 특정한 기능을 하는들이 미리 정의되어 있으며, 이를 활용하여 태그의 스타일을 정의 할 수 있다. 속성: 값 의 형태로 사용되며, 여러 속성끼리는 ;를 통해 구분됩니다. 하나의 선택자의 속성들을 한 줄로 쓰든, 여러줄로 나누어 쓰든 상관이 없으며 작업하는 사람들 끼리 정하여 편한대로 사용하면 된다. HTML의 속성(attribute)과 CSS 속성(property)은 어떤 차이점이 있나? attribute 는 html 문서 안에서의 정적인(바뀌지 않는) 속성 그 자체를 의미하고, property 는 html DOM 안에서 동적인(바뀌는) 속성(또는 그 값)을 의미합니다. DOM 이란? 문서 객체 모델(The Document Object Model)은 HTML 문서의 프로그래밍..

ID와 CLASS id 는 스타일을 지정할 때 한 가지만 지정해서 쓰는 이름이고(표기방식은 #이름) 하나의 문서에 고유한 id 하나밖에 쓸 수 없습니다. class 그룹으로 묶어서 스타일을 지정할때 쓰는 이름이다. (표기방식은 .이름) 여러 클래스 적용 가능 하다. (id,class 이름은 자유롭게 지으면 되지만 숫자로 시작해선 안된다.) ( * 모든 선택자를 의미하며 선택자 그룹핑이 가능하다 ex) p, h1{ value } .mycolor,myfont{ value } )

1. Elements (요소) HTML 문법에서 대부분의 요소들은 시작 태그와 종료 태그로 작성되며 그 사이에 내용이 들어간다. 그러나 모든 요소에 종료 태그가 "필수"인 것은 아니며 시작태그 또한 마찬가지이다. 이른바 빈 요소(empty elements, void elements)로 불리는 일부 요소들은 종료 태그가 없다. 1-1 Block & Inline Elements(블록 과 인라인 요소) block 요소 저절로 width 폭이 부모의 width만큼 꽉 찬다. 같은 block 요소와 inline요소 모두 감쌀 수 있다. width height margin padding을 가질 수 있다. 자동으로 줄이 바뀐다. inline요소 자기 자신의 컨텐츠를 갖고 있는 것 까지만 width와 height을 갖..