꾸물꾸물 졔의 개발공부

- 프로토타입 기반의 스크립트 프로그래밍 언어 : 객체지향 개념 지원 - 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어 [ 선언 ] tag 사용 - 속성 : src, type - src : 외부 JavaScript 파일을 HTML 문서에 포함할 때 사용, 생략 가능 - type : 'text/javascript' 로 미디어 타입 지정 --> / 어디에서나 선언 가능하지만, 끝부분에 사용하는 것이 훨씬 더 효율적 [ 주석 ] : 실행코드에 포함되지 않음 한줄 주석 (//) , 블록 주석(/* */) [ 변수 ] : 타입을 명시하지 않고 , var 키워드 사용 - 동적타입 언어, 변수의 타입 지정없이 값이 할당되는 과정에서 자동으로 변수 타입 결정 - 같은 변수에 여러 타입의 값을 할당 할 수..

CSS 는 규칙자와 선택자로 구분 선택자 : 규칙이 적용되는 엘리먼트 선언 : 선택자에 적용될 스타일 작성 { 속성 : 값 ; } 으로 이루어짐 - 속성 : 선택자에게 바꾸고 싶은 요소 ( color, font, width 등등 ) 1) 외부스타일 시트 를 사용하여, 외부 스타일 시트 적용 - rel, type, href 속성 활용 @import 는 스타일시트 중, 최상단에 위치 - 태그안에 위치 -- @import url("file path") 또는 @import "file path" 2) 내부스타일 시트 태그로 내부에 CSS 규칙 작성 tag 내부에 작성 3) 인라인스타일 시트 개별 element 마다 스타일을 지정 style 속성을 사용해서, css 규칙 작성 --> 스타일 적용 우선순위 : 인라인..

[ input 요소 ] input type = " 유형 " 으로 지정 가능 - id 속성으로 여러번 사용된 폼 요소를 구분 : id 는 html 상에서 중복이 안되고, name 은 중복이 가능하다 - text : 한줄의 일반 text 입력받음 - password : 비밀번호 입력 ( 내용 표시되지 않고 가려짐 ) ( name - textfield 구별 가능한 이름 / size - 화면에 보일 길이 지정 / value - 표시될 내용 ) value vs placeholder :: value 는 화면에 뚜렷하게 나타나 있으며, 새로운 입력값을 받기 위해 지워야 함 :: placeholder 는 회색글자로 나타나 있으며, 입력을 받을 때 자동 소멸 되어짐 ++ readonly : 직접 입력하지 못하게, 읽기 ..

[ 목록형 요소 ] - 목록 tag : 하나 이상의 하위 tag 포함함 번호없는 목록 표시, 항목 앞에 심볼로 표기 번호있는 목록 표시, (숫자 / 알파벳 / 로마숫자) - type : 숫자 / 영어대소문자 / 로마숫자대소문자 - start : 숫자 (시작번호) - reversed : 역순 표기 ul / ol 의 하위에서 사용 용어 정의와 설명에 대한 내용을 목록화 용어 목록의 정의 부분 용어 목록의 설명 부분 [ table 테이블 ] - HTML table 모델은 데이터를 행 (row) 과 열 (column)로 구분하여 표기 - 행 그룹 요소 : 로 행들을 그룹화 가능 - 내용 : 머리글 / 데이터 - border 속성 : 테이블의 테두리 설정여부 table 의 제목 정의 , table 당 하나만 적용..

HTML 은 마크업언어로 웹 문서 작성, tag 를 사용해서 문서의 구조 등을 기술 : html = head + body [ tag ] : html 문서는 'tag' 로 만들어진다. - 시작tag, 종료tag 쌍 or 시작tag - 시작 , 종료 이고, 중첩되지 않도록 한다 . - 시작만 있는 경우 : - 각각의 tag 는 속성과 속성값이 존재한다 . ex) go to naver 속성 속성 값 1. 글로벌 속성 ) : 어느 태그에나 넣어서 사용할 수 있음 - class : tag 에 적용할 스타일의 이름을 지정 - dir : 내용의 텍스트 방향 지정 - id : tag 에 유일한 ID 지정 - style : 인라인 스타일시트를 위해 사용 ex ) < /p..

HTML5 문서의 3가지 요소 : HTML ( 구조 ) + CSS ( 표현 ) + JS ( 동작 ) [HTML] : 현재 문서가 HTML 문서임을 정의하는 태그 시작태그와 종료태그 , 각 tag 사이에 문서 내용을 정의한다 . 안에 작성 -> 페이지마다 반복해서 작성해야함 -> 여러페이지에 동일한 스타일을 적용하려 할때는 외부 스타일시트가 훨씬 더 적합하다 . 3) 인라인 스타일 : style attribute를 사용해서 개별 엘리먼트에 적용 -> 여러개의 속성 적용이 가능하다, 세미콜론(;) 로 구분 -> 3가지 스타일(인라인, 외부, 내부) 을 모두 사용했을 때에, 가장 먼저 반영되어짐 .