wdwd

Node.js JavaScript를 크롬(Chrome)같은 브라우저에서만 쓰는 것이 아닌 브라우저 밖. 즉, 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어진 것 Node.js를 이용하여 Express같은 라이브러리를 이용해서 서버를 만들 수 있음 Node.js 자체는 웹서버가 아님 Node.js는 자바스크립트 런타임(JavaScript Runtime)으로 Node.js는 웹 서버를 만들 수 있는 하나의 방법

val() / text(), html() 차이 val() - HTML 폼 요소의 value 속성 값을 지정하고 가져옴 val()는 무조건 "form!!"에 있는 값 받아올 때 사용, 입력할 때도 사용★★★ 그리고 checkbox와 radio button, 요소의 선택 상태도 가져오거나 지정할 수 있음 val(value) - form elements에 값을 지정함 $('input').val('helloworld); //input의 value 값에 helloworld라고 넣음 text(), html() - 요소의 일반 텍스트나 HTML 내용을 조회하고 지정함 전달인자 없이 html() 메서드를 실행하면 일치하는 요소의 첫 번째 요소안의 HTML내용을 반환함 text(value), html(value) - t..

▶ background-repeat 속성 background-repeat 속성의 기본 키워드 : repeat(그림이 패턴을 이루어 여러개 출력됨) no-repeat 키워드를 사용하면 반복 없이 배경 이미지가 적용됨 ▶ background-attachment 속성 scroll 키워드 : 화면 스크롤에 따라 배경 이미지가 함께 이동함(기본 키워드) fixed 키워드 : 스크롤을 내려도 배경 이미지가 고정됨 ▶ background-position 속성 background-position:키워드; background-position: X축크기; background-position: X축크기 Y축크기; ▶ overflow visible : 기본 값입니다. 넘칠 경우 컨텐츠가 상자 밖으로 보여짐 hidden : 넘..

▶ CSS 크기 단위 단위 설명 % 백분율 단위 em 배수 단위 px 픽셀 아래의 세가지 코드 모두 동일한 결과를 만들어냄 크기 단위를 섞어서 사용하는 경우가 많음 -> 절대 크기와 상대 크기 단위를 섞어서 폰트 크기 지정하는 방법 전체 폰트 크기에 절대 크기를 지정하고 각각의 태그에 상대 크기를 지정하는 방법은 굉장히 많이 사용함 크기 단위 0을 입력하는 경우 : 단위를 입력하지 않아도 자동으로 "px" 단위가 붙음 ▶ display 속성 키워드 속성에 사용 가능한 키워드(★★) 키워드 이름 설명 none 태그를 화면에서 보이지 않게 만듭니다. block 태그를 block 형식으로 지정합니다. inline 태그를 inline 형식으로 지정합니다. inline-block 태그를 inline-block 형..

▶ 선택자 문서 내부의 특정 요소를 선택하는 방법 해당 요소에 스타일을 적용하거나 기능을 적용할 때 사용 h1 { color: red; } -> h1 : 선택자, color : 스타일 속성, red : 스타일 값 ▶ *(전체 선택자) HTML 페이지 내부의 모든 태그를 선택 html 태그를 포함해 head 태그, title 태그, style 태그까지 선택(body 태그에 있는 것만 선택하는 것X) ▶ 태그 : 특정한 태그를 선택 ▶ ,(쉼표) : 여러 개의 선택자를 한꺼번에 선택해서 스타일 속성을 적용할 때 사용 ▶ #아이디 : 아이디 속성을 가지고 있는 태그를 선택 ▶ .클래스 : 특정한 클래스를 가지고 있는 태그를 선택 공백으로 구분해서 여러 클래스를 사용 가능 태그 선택자와 클래스 선택자를 함께 사..

▶ lang 속성 웹 브라우저가 동작하는 데 어떠한 영향도 끼치지 않음. 구글과 같은 검색 엔진이 웹 페이지를 탐색할 때 해당 웹 페이지가 어떠한 언어로 만들어져 있는지 쉽게 인식하게 만듦. ▶ head 태그 내부에 넣을 수 있는 태그 meta : 웹 페이지에 추가 정보를 전달 link : 웹 페이지에 다른 파일을 추가 style : 웹 페이지에 스타일시트를 추가 title : 웹 페이지의 제목 script : 웹 페이지에 스크립트를 추가 base : 웹 페이지의 기본 경로를 지정 ▶ 빈 링크 a태그는 본래 가지고 있는 하이퍼링크 기능을 제고하고 사용하기도 함. But, 하이퍼링크 기능을 제거해도 웹 표준을 따르려면 a태그에 href 속성을 반드시 입력해야 함. 따라서 웹 표준을 지키면서 이동하지 않는 ..