html
1.HTML 1. Basic
20200914 HTML용어 중요 - 뜻 정리Fron-End : 화면쪽Back-End : 서버쪽HTML5는 HTML의 새로운 표준HTML5 (와꾸,내용) + CSS3(폰트,디자인,스타일..) + Javascript (실제적인 동작, 상호작용)UX 디자인 -> APP 기
2.HTML 2.기본요소
대소문자를 가리지 않으나 되도록 소문자로 통일시작태그와 종료태그<h1></h1>들여쓰기(indent) 필수불필요한 띄어쓰기 no필요<em> : 강조해야 할 때<strong> : 중요한 텍스트<mark> : 하이라이트된 텍스트모든 텍스트 스타일
3.HTML 3. 멀티미디어와 입력요소
예전 방법: HTML안에서는 embed나 object태그를 사용하여야 했고웹브라우저에는 플래시나 ActiveX를 설치embed : 끼워넣다, 외부 응용프로그램이나 플러그인을 삽입하는 태그플래시, ActiveX : 모르는 사람의 것을 내것에 설치플래시 : 보안 취약점 문
4.CSS 1.Basic
Cascading Style SheetsHTML5 : 내용CSS3 : 스타일Javascript : 동작연속적인, 계속되는이라는 뜻연속되는 작은 폭포들처럼 위에서 아래로 순차적용하나의 요소에 여러개의 CSS가 충동할 경우 우선순위(가중치)가 계산되고 계산결과에따라 CSS
5.CSS 2.박스 모델
박스의 크기 박스 너비 = 내용물(content)너비+왼쪽 패딩+오른쪽 패딩+왼쪽 CSS테두리 테두리 스타일(모양), 색상,두께,둥근 테두리 지정 가능 => 모서리별 다른 스타일,두께 가능 border스타일 지정해야 다른 속성 사용 가능 각 변 별로
6.CSS 3.레이아웃
레이아웃의 표시 `` 디스플레이 속성 block => display:block; => 블록레벨 표시 inline => display:inline; none => display:none; hidden => display:hidden; display와 visibility
7.CSS 4. Website
요구사항분석(목표,예산과 일정) -> 설계(기능,메뉴,내비게이션 구조) -> html문서작성(기능구현, 메뉴구현) -> CSS스타일작성(레이아웃, 색상&폰트)<중간 과제> 1\. Web Shopping 눌렀을때 Home 2\. 카테고리 눌렀을 때 화면 변경 (if
8.JavaScript 1. Basic
★인터프리트 언어-컴파일 과정을 거치지 않고 바로 실행시킬 수 있는 언어★ 동적 타이핑(dynamic typing) : 변수의 자료형을 선언하지않고도 변수를 사용할 수 있음★ 함수형 프로그래밍 지원★ 프로토타입-기반 ->> 상속 가능★ 이벤트에 반응하는 동작 구현★ A
9.JavaScript 2.객체
객체(object)는 사물의 속성과 동작을 묶어서 표현하는 기법객체의 2가지 종류내장객체사용자 정의 객체객체를 생성하는 2가지 방법객체 상수로 객체 생성var Car = { model : "소나타", speed : 70, color: "white", brake
10.JavaScript 3. DOM / BOM
https://www.w3schools.com/js/tryit.asp?filename=tryjslocassign location https://www.w3schools.com/js/jswindowlocation.asp location assign 화면전환 https
11.JavaScript 4. JS 이벤트
마우스 관련onload : 객체가 로드 되었을 때 발생 <body onload="proc()">onclick: 마우스로 요소를 클릭했을 경우 <img onclick="prorc()">ondbclickonmouseoveronmousemoveonmouseout키
12.JavaScript 4. jQuery Basic
자바스크립트 라이브러리: 자바스크립트를 쉽게 쓸 수 있도록 만든 라이브러리: jQuery 사용 시 자바스크립트 프로그래밍의 양을 줄일 수 있다 (짧고 간결)www.jquery.com 에서 다운로드head섹션에 script로 참조해서 사용<head><scrip
13.JavaScript 5. jQuery 선택자
ㅁㄴㅇㄹ
14.JavaScript 6.이벤트 Event
이벤트 객체 모든 이벤트의 정보를 event 객체로 제공 속성 type target pageX, pageY screenX,screenY button : 눌러진 마우스 버튼 메소드 preventDefault() stopPropagation()
15.JavaScript 7. jQuery Effects
$(selector).hide(speed,callback);속도 지정 가능 : slow, fast, milliseconds예제: https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle숨
16.JavaScript 8. jQuery HTML/CSS
컨텐츠 확인 및 변경 메소드text() : 선택한 요소의 텍스트 내용을 반환 (html 코드 제외)text(str) : 선택한 요소의 텍스트 내용을 str로 설정html() : 선택한 요소의 내용을 반환(html코드 포함)html(str) : 선택한 요소의 내용을 st
17.JavaScript 9. jQuery DOM Traverse
"이동"을 의미하는 jQuery Traversing는 다른 요소와의 관계를 기반으로 HTML 요소를 "찾거나 선택"하는 데 사용아래 이미지는 HTML 페이지를 트리 (DOM 트리)로 보여줍니다. jQuery 순회를 사용하면 선택한 (현재) 요소에서 시작하여 트리에서 쉽
18.JavaScript 10. jQuery 선택자필터
기본 필터, 자식 필터, 내용 필터, 입력상태 필터, 기타 필터기본 선택자보다 더 정밀한 선택이 필요한 경우 필터와 선택 메소드를 활용한다.선택자 뒤의 콜론(:) 다음에 기술하여 "선택자:필터" 식으로 사용한다.선택자로 기준 메소드https://www.w3sc
19.JavaScript 12. AJAX
AJAX Asynchronous JavaScipt ans XML 프로그래밍 언어가 아님 자바스크립트를 이요해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식 전체 페이지를 다시 로드하지 않고 웹페이지의 일부를 업데이트 가능 브라우저 기본 객체인
20.JavaScript 13. JSON
JavaScriptObjectNotation데이터를 저장하고 교환하기 위한 문법텍스트-기반의 데이터 교환 방식브라우저와 서버간 데이터 교환은 텍스트만 가능JSON은 자바 스크립트 언어에서 유래모든 자바 스크립트 객체를 JSON으로 변환 가능JSON을 자바 스크립트 객체
21.Bootstrap
1) .container : fixed width container2) .container-fluid : full width container한 페이지를 12개의 컬럼으로 나눠서 사용<div class = "col-xs-12"> 형식으로 표현 (col-사이즈-컬럼