web-frontend
1.HTML(5)
주석vs코드 단축키ctrl+/ 주석 단축키 (토글)ctrl+s 저장자동 완성 : ctrl + spacebar라인 복사 : alt + shift + 방향키(위 아래)라인 이동 : alt + 방향키(위 아래) 6 라인 삭제 : shirft + delete
2.CSS(3버전)
Cascade Style SheetHTML 구성 요소에 스타일을 지정하는 언어이다.스타일 지정 방식1) internal : <head> 태그 내부에 <style> 태그를 추가하고 CSS 작업하는 방식2) external : 별도의 CSS 파일을 만들어서 &l
3.JavaScript - variable
1.ECMAScript(ES)가 원래 명칭이다.2.<script> 태그 내부에 작성한다. <script>태그의 위치는 정해져 있지 않다.(<head>, <body> 모두 가능)3\. HTML 구성 요소의 생성/삭제/수정 작업을 할 수 있다.기본
4.JavaScript - operater
1) 더하기 : +2) 빼기 : -3) 곱하기 : (2 3 == 6)4) 제곱 : (2 3 == 8, 2의 3제곱)5) 나누기 : / (5 / 2 == 2.5)6) 나머지 : % (5 % 2 == 1)7) 몫 : 함수 필요함 (예 : pars
5.JavaScript - document
1.Docunebt Object Model(문서 객체 모델)2.HTML 구성 요소(HTMLCollection/HTMLElement, NodeList/Node)를 객체(Object)로 저장하고 처리할 수 있는 방식이다.3.HTML 구성 요소 (HTMLCollection/
6.JavaScript - branch/loop
branch 예제 loop예제
7.JavaScript - array
대괄호 \[]를 이용해서 각 배열 요소를 묶는다.서로 다른 타입(숫자, 문자열, 논리값 등)을 하나의 배열에 저장할 수 있다.인덱스는 0부터 시작한다.배열의 길이는 length 속성으로 확인할 수 있다push(요소): 마지막 요소로 추가하기unshift(요소):첫번째
8.JavaScript - function
함수의 이름이 있다.함수 정의(함수를 만드는 것)와 함수 호출(함수를 사용하는 것)로 구분한다.함수호출, 정의 예시함수의 이름이 없다.호이스팅 대상이 아니다. (함수 정의를 반드시 먼저 해야 한다.)함수 정의 형식1) 일반 익명 함수2) 화살표 익명 함수4.함수 호출
9.JavaScript - object
여러 데이터로 구성된 하나의 데이터를 의미한다.중괄호 {}를 이용해서 객체의 데이터를 묶는다.객체 형식객체 속성1) 객체.속성2) 객체'속성'JavaScript 객체 표기법을 이용한 데이터 교환 형식을 "JSON"이라고 한다.객체를 만드는 함수이다.new 키워드를 이용
10.JavaScript - bulitin_object
JavaScript 객체 -> 문자열 형식의 JSON 데이터문자열 형식의 JSON 데이터 -> JavaScript 객체예시1.타임스탬프 기반으로 날짜와 시간을 나타낸다.(타임스탬프 : 1970년 1월 1일 자정 UTC 기준으로 증가하고 있는 밀리초)2\. 타임스탬프,
11.JavaScript - event
1) 이벤트가 동작하는 HTML 구성 요소이다.2) 이벤트 객체의 target 속성(프로퍼티)으로 확인할 수 있다.3) 현재 문서 객체를 의미하는 this 키워드로 확인할 수 있다.1) 이벤트 종류를 의미한다.2) 이벤트 객체의 type 속성(프로퍼티)으로 확인할 수
12.JavaScript - browser_object
1.Browser Object Model (브라우저 객체 모델)2.브라우저의 구성요소를 객체로 처리할 수 있다.(브라우저 구성 요소는 이미 객체로 만들어져 있다.)3.주요 브라우저 객체1) history : 방문했던 경로를 저장하고 있는 객체2) location :
13.JavaScript - popup
이벤트 대상 : window이벤트 타입 : load이벤트 설명 : 본문을 모두 읽은 뒤에 이벤트 리스너를 처리하는 이벤트
14.JavaScript-XMLHttpsRequest
통신(송신/수신, 요청/응답)을 할 때 사용하는 방식이다.요청과 응답이 순서대로 진행되는 "동기(Synchronous)" 통신 방식이 있고,요청과 응답이 순서없이 진행되는 "비동기(Asyschronous)" 통신 방식이 있다.비동기 통신 방식은 요청에 대한 응답이 없어
15.jQuery-01_basic
JavaScript를 쉽고 편리하게 사용할 수 있도록 하는 라이브러리이다.다운로드 : https://jquery.com/1) compressed production : 압축된 완성품 (실제 프로젝트에 포함할 라이브러리)2) uncompressed deve
16.jQuery-02.dom알아내기
1)자식 선택자 부모>자식2)find 메소드 부모.find(요소)3)모든 자식 선택 부모.children()1)후손 선택자 선택대상 후손2)find 메소드 선택대상.find(요소)3) 선택 대상의 자식의 자식 선택대상.children.children()1) 모든 형제
17.jQuery-03.dom변경
부모.prepend(자식) : 첫번째 자식으로 추가하기부모.append(자식) : 마지막 자식으로 추가하기자식.prependTo(부모) : 첫번째 자식으로 추가하기자식.appendTo(부모) : 마지막 자식으로 추가하기형제.before(형제) : 이전 형제로
18.jQuery-04.dom_속성
data() 메소드로 설정한 data-속성attribute로 작성한 data-속성에서는 camel case를 사용하지 말자.04dom속성.html
19.jQuery-05.dom_CSS
05_dom_css.html
20.jQuery-06.class
06_class.html
21.jQuery-07.event
。
22.jQuery-08.object
1\. 속성만 순회하기2\. 속성과 값 모두 순회하기08_object.html
23.jQuery-09.array
09_array.html
24.jQuery-10.effect
hide() : 그냥 닫힌다.fadeOut() : 서서히 닫힌다.fadeTo() : 서서히 투명해진다.slideUp() : 위로 슬라이드되면서 닫힌다.show() : 그냥 나타난다.fadeIn() : 서서히 나타난다.slideDown() :
25.jQuery-11.ajax
11_ajax.htmlbook.jsonbook.xmlproduct1.jsonproduct1.xmlproduct2.jsonproduct2.xml
26.jQuery-12.Promise
12_Promise.htmlauthentication.jsonvalidEmail.json