YTCW

1. font-family/*기본형*/font-family: | [, ]body { font-family: "맑은 고딕", 돋움, 굴림 } - 웹 문서의 텍스트는 사용자 시스템의 글꼴을 이용해 웹 브라우저 화면에 표시- 웹 문서에서 지정한 글꼴이 사용자 시스템에 설치❌ → 의도한 글꼴이 아닌 글꼴로 표시- 2개 이상 지정 가능- 두 단어 이상으로 된 글꼴 이름은 큰 따옴표로 표시- 태그 스타일에서 한번 정의하면 문서 전체에 적용→ 문서 안의 모든 자식 요소에 같은 글꼴 사용 기본형 기호 [기본형] 표기 방식: W3C 표준 규약에서도 사용 1. | 나열한 옵션 중 하나가 값이 되어야 한다 font-size: 값1 | 값2 | 값3 2. 속성값을 나열할 때 키워드(약속한 값)는 그대로 나열 font-var..

특정 상태의 HTML 요소에 스타일을 적용하기 위해 사용→ 요소의 상태, 사용자의 동작, 문서 구조에 따라 구분1. 요소의 상태에 따른 가상 클래스 선택자:link- 방문하지 않은 링크에 스타일 적용 :visited- 방문한 링크에 스타일 적용  :active- 웹 요소를 활성화했을 때의 스타일 적용 - 사용자가 요소를 클릭하고 있는 동안 적용  :hover- 웹 요소에 마우스 커서를 올려놓을 때 스타일 적용 - 요소 위로 마우스를 올렸을 때  :foucs- 요소가 포커스를 받을 때(초점이 맞추어졌을 때) 스타일 적용사용자 동작에 반응하는 가상 클래스의 순서 : link > :visited > :hover > :active   2. 요소의 상태에 따른 가상 클래스 선택자:checked- 체크박스 또는 라..

연결 선택자선택자와 선택자를 연결해 적용 대상을 제한하는 선택자자손 선택자 (= 하위 선택자)부모 요소에 포함된 '모든 하위 요소'에 적용 : 선택자 A와 B 사이에 공백을 두어 사용 : 상위요소(A) 하위요소(B) { ... } : div 요소 내의 모든 p요소에 스타일 적용자식 선택자자식 요소에 스타일을 적용하는 선택자 : A의 직접적인 자식인 B요소에게만 적용 : 선택자 A와 B 사이에 > 기호를 사용인접 형제 선택자같은 부모를 가진 형제 요소 중 첫 번째 동생 요소에만 스타일 적용 : 선택자 A와 B 사이에 + 기호를 사용(일반) 형제 선택자형제 요소들에 스타일 적용 : 인접 형제 선택자와의 차이점 - 모든 형제 요소에 다 적용 : 선택자 A와 B 사이에 ~ 기호를 사용 HTML 고급 선택자..

booleantrue or falsefalse : 거짓0 : 거짓null : 거짓"" : 거짓undefined : 거짓NaN : 거짓그외는 다 참 비교 연산자true or fasle5 > 4 // true"apple" > "pineapple" // false"2" > "12" // tureundefined == null // trueundefined === null // falsenull == "\n0\n" // falsenull === +"\n0\n" // false 삼항 연산자ㅁ ? ㅁ : ㅁ ( ? true / : false )// 연산자 우선순위 규칙에 따라, 비교 연산 'age > 18'이 먼저 실행됩니다.// (조건문을 괄호로 감쌀 필요가 없습니다.)let accessAllowed = age ..

직역하면 끌어올리다는 뜻이다.자바스크립트 엔진 ( 변역기, interpreter ) 코드를 실행하기 전에 변수, 함수, 클래스의 선언문을 끌어 올리는 것을 말한다.그러니까 제일 아래에서 선언해도 위로 끌어올려서 위에서 선언해준것처럼 해준다.변수의 선언과 초기화를 분리한 후 선언만 코드의 최상단으로 옮긴다.예를 들어 let a = 1; 이라면 할당한 값 1은 신경쓰지 않고 let a; 만 맨 위로 선언해준다.하지만 최상단으로 끌어올린다고해서 let 선언부보다 같은 변수명을 선언하면 에러가 발생한다.let letVariable;var varVariable;letVariable = 10;varVariable = "Hello World";// 호이스팅 효과로 선언 전에 값 할당이 가능// letVariable2..

브라우저에는 자바스크립트 가상 머신이라 불리는 엔진이 내장되어 있다.이를 통해 웹페이지에 생동감을 불어넣을 수 있는데예전에는 이를 단순이 브라우저에서만 쓸 목적으로 고안된 언어이지만지금은 다양한 환경에서 쓰인다. garbage collectorc언어는 개발자가 직접 메모리를 관리해야 된다. c#, go, 자바, 자바스크립트는 직접 관리할 필요가 없다. 참조하던 값이 더 이상 참조되지 않을 때 알아서 메모리에서 삭제시킨다. 자바스크립트 엔진 백그라운드 프로세스는 너무 자주 활동하면 CPU를 먹는 것이기 때문에 대부분 사용자가 아무것도 하지 않을 때 자동 정리된다. scope코딩에선 선언된 위치에 따라 유효 범위가 정해지기 때문에 스코프라는 단어를 사용한다. 변수를 참조할 수 있는 유요한 범위를 말한다. 또..

git pull과 git clone의 차이1. git clone 명령은 로컬 저장소의 내용이 원격 저장소의 내용과 일치하다는 점2. git pull  명령은 원격 저장소의 내용을 가져와 현재 브랜치와 병합시킨다는 점pull은 병합까지 되기 때문에 commit -m "을 사용하지 않으면 덮어쓰기 에러가 발생할 수 있다.즉 기존 작업에 대해 commit을 미리 해두고 pull을 사용해야한다.

스타일 규칙은 태그뿐만 아니라 웹 문서의 어떤 요소에도 적용 가능선택자는 웹 문서에서 어느 부분에 스타일을 적용할 지 알려주는 기능 전체 선택자 (universal selector)- 스타일을 문서의 모든 요소에 적용할 때 사용- 주로 모든 하위 요소에 스타일을 한꺼번에 적용할 때 사용- (별표) 사용- 웹 브라우저의 기본 스타일을 초기화할 때 사용/*기본형*/* { 속성: 값; ... } 타입 선택자 (type selector)특정 태그를 사용한 모든 요소에 스타일 적용= 태그 선택자(tag selector) = 요소 선택자(element selector)타입 선택자를 사용해 스타일을 지정하면 해당 태그를 사용한 모든 요소에 적용/*기본형*/태그명 { 스타일 규칙 }  롯데 자이언츠 선발 라인업 1번..

git 이란?버전을 편리하게 관리할 수 있도록 도와주는 분산 버전 관리 시스템 ( VCS verstion contol System )이다. 깃이 나오기 전에 CVS, SUBVERSION, PERFORCE ( CVS centralized version control 서버에 히스토리를 관리 ) 같은 시스템이 있었는데 이런 애들은 서버에 문제가 생기면 개발자들이 아무것도 하지 못하는 단점이 있었다. 이를 개선하고자 나온 것이 git , mercurial, darcs와 같은( DVC distributed version control ) 시스템이다. 서버에만 히스토리가 있는 것이 아니라 각 개발자들이 히스토리를 가지고 있기 때문에 서버에 문제가 생겨도 작업을 계속할 수 있게 되었다. 당연히 인터넷이 없어도 가능하..

아마도 HTML 을 처음 배울 때위 html 코드부터 접했을 것이다.​이러한 것은 짧고 직관적이어서혼란스럽지 않았지만처음 마주하는 meta tag에당황스러웠었다.​오늘은 meta tag에 대해 알아보도록 하자.​meta tag가 하는 일은 무엇일까?​meta tag는 HTML 문서가 어떤 내용을 담고 있고,문서의 키워드는 무엇이며,누가 만들었는지 등실제 사용자에게 보이지 않는 부분을작성하는 곳이다.​meta tag는 head tag 안에 사용되며사용자에게 정보를 주는 목적보다는검색엔진에 도움이 되는 tag이다.​일반적으로 문자 집합, 페이지 설명,키워드, 문서 작성자 및 뷰포트 설정을지정하는데 사용된다.​여러 가지 예)  간단한 예를 들어 description 을 설명하자면구글 검색엔진에서 네이버라고 검..