HTML_CSS_JAVASCRIPT
1.HTML 시작, 태그의 특징
\*마크다운 때문에 필기가 제대로 반영이 안되니 '수정'을 눌러서 읽을 것.1\. HTML1-1. HTML이란?HT : HyperText, 문서와 문서가 링크로 연결되어있다.M : Markup, 태그로 이루어져있는L : Language, 언어웹사이트의 틀을 만들어주는
2.HTML 다양한 구문 활용한 문제
"수정" 눌러서 볼 것.
3.HTML semantic
1\. 문서의 구조HTML5에서는 div 태그들이 헤더, 내용, 푸터, 메뉴 등을 용도에 따라 세분화되었다.기본과 같이 div 태그만으로 작업하는 것도 가능하지만, 용도에 맞는 태그들을 적절히 사용하면 더욱 시멘틱한 웹을 표현할 수 있다.시맨틱 태그: 의미론적 태그1-
4.CSS 셀렉터, 태그, 폰트
1\. CSSCSS(Cascading Style Sheets)HTML, XHTML, XML과 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어HTML은 CSS가 있기 전에 있었던 언어, CSS는 HTML이 있은 후에 CSS를 입힌다.2\. 기본 셀렉터CSS에서
5.CSS의 다양한 기능들
1\. level 요소1-1. block level 요소화면 전체를 사용하는 태그한 개의 독립된 덩어리 = 하나의 큰 그룹블록 레벨 요소는 다른 블록 레벨 요소와 인라인 레벨 요소를 포함할 수 있다.1-2. inline level 요소화면의 일부를 차지하는 태그"행 안
6.JS 시작, 1일
바닐라 스크립트(Vanilla JS)란바닐라 자바스크립트란 플러그인이나 라이브러리를 사용하지 않은 순수 자바스크립트를 뜻한다.즉, 바닐라 스크립트 = 자바스크립트라고 생각하면 된다.JavaScript에 영향을 준 언어Java : 기본적인 문법Scheme SelfJava
7.JS 함수 사용법 및 종류
함수1-1. 함수의 정의(선언) 방법1-2. 함수의 호출 방법1-3. 파라미터가 있는 자바스크립트1-4. 함수호출1-5. 함수의 실행 중단자바스크립트 함수는 처리 도중 return문을 만나게 되면 그 즉시 실행을 중단한다.리턴값 없이 처리를 중단하고자 하는 경우 ret
8.JS let과 const, 객체 등
let과 const1-1. let변수 선언 및 재할당 가능재할당이 필요한 경우 let을 사용1-2. const변수 선언만 가능, 재할당 불가능상수 선언시 사용, 재할당이 필요 없는 경우 사용배열대부분이 프로그래밍 언어에서 하나의 배열 안에는 같은 종류(데이터형)의 값들
9.JS 인증번호 다섯자리 출력 코드
// 두 수 사이의 난수를 리턴하는 함수 function random(n1, n2){ return parseInt(Math.random()*(n2-n1+1)) + n1; } // 함수 응용 -> 5자리 인증번호 생성 let auth = ""; for(...
10.JS 오브젝트 모델, 객체 등
웹브라우저와 Javascript웹에 올라가는 것은 html, css, javascriptHTML에서 자바스크립트 로드하기inline 방식 \-> 직접 자바스크립트를 기술하는 방식. 장점은 태그에 연관된 스크립트가 분명하게 드러난다는 점. 단점은 HTML 태그와 JS가
11.JS 이벤트 등록하는 방법 등
이벤트1-1. onloadonload 이벤트는 웹브라우저에 의해서 특정 태그 요소가 해석된 이후 시점을 의미한다.HTML 페이지가 브라우저에 의해서 열린 후, 자동으로 실행되기 위해서는 <body 태그가 온전하게 인식된 후에 처리되어야 하므로, <body 태
12.JS 동작 취소, form, select
("수정"누른 상태로 읽을 것)기본동작의 취소웹브라우저의 구성요소들은 각각 기본적인 동작 방법을 가지고 있다.이러한 기본적인 동작들을 기본 이벤트라고 하는데, 사용자가 만든 이벤트를 이용해서 기본 동작을 취소할 수 있다.form 태그 처리2-1. inputform 객체
13.jQuery 스타트
jQuery1-1. 라이브러리자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨얼를 라이브러리라고 한다.자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들이다.1-2. jQueryjQuery는 DOM을 내부에 감추고 보다 쉽
14.jQuery chain, effect, attr
1\. chainjQuery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있다.이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어를 할 수 있다.2\. eventone() : 이벤트 핸들러가 한번만 실행되고 나서는 더는 실행되지 않는다.3\.
15.jQuery css, 속성, 엘리먼트 등
업로드중..1\. css 제어1-1. 속성값 읽기1-2. 속성값 변경 및 추가1-3. css에 클래스의 적용 여부 알기HTML 태그 요소의 특정 클래스 적용 여부는 hasClass() 메서드의 리턴값(boolean)으로 파악할 수 있다.1-4. 클래스의 적용과 해제요소
16.jQuery checkBox, 정규표현식 등
checkbox체크박스는 여러 개의 항목들 중에서 복수 선택이 가능한 요소이다.사용자가 선택한 항목에 대한 접근 가상 셀렉터 ':checked'를 사용해야 한다.체크박스는 복수 선택이 가능하기 때문에 접근 요소는 배열 상태가 된다. 가져온 요소가 배열이기 때문에 반복문