- Tag - div 태그는 웹 페이지의 전체적인 레이아웃을 설정할 때 주로 사용 - 블록(block) 형태로 사용 - Tag - span 태그는 웹 페이지의 일부분을 설정할 때 주로 사용 - 인라인(inline) 형태로 사용 - 해당 태그의 내용을 웹 페이지의 출력 결과이며 웹 페이지 상에서는 두 개의 태그의 차이점이 없어 보임 - 확인을 위해서는 크롬에서 개발자 도구에 접속하면 해당 내용을 찍어보면 차이점을 확인이 가능 - div 태그를 확인했을 때는 문장이 짧아도 다른 영역까지의 폭을 차지하고 있는 상태 - span 태그를 확인했을 때에는 문장에 폭에 따라 문장 내용까지만 폭을 차지하고 있는 상태 - 속성 class와 id - HTML 태그에는 속성에는 class와 id로 주로 설정이 된다. - c..

- HTML이란? - Hyper Text Markup Language의 약자이다. - 웹 페이지에서 다른 페이지로 가지고 갈 수 있는 기능 - 즉, 웹 페이지의 뼈대이며, 프로그래밍 언어가 아닌 마크업 언어이다. - HTML 확장자 - 확장자는 파일명 뒤에 붙이는 이름 - HTML에 확장자는 .html, htm 이라는 확장자 포맷을 가지고 있다. - 시멘틱 마크업(Simantic Markup) - Simantic : 의미론적 - 즉, 개발자와 브라우저에게 의미있는 태그를 제공 - 시맨틱 마크업의 장점 - 접근성이 좋아짐 - SEO(Search Engine Optimization) - 코드 가독성이 좋아짐 - 코드와 재사용성이 좋아짐 - HTML 기본 용어 - 요소(Element) : - : Open 태그..

- COOKIE란? 1. 웹 페이지로 접근하는 사용자를 구별하기 위해서 사용 2. 세션과 다르게 서버에 저장을 하지 않고 클라이언트 측에서 저장 3. 서버에 저장되지 않으므로 서버에서 부담을 주지 않으며, 보안상 위협이 되지 않는 서비스에서 사용이 가능 - COOKIE 생성 방법 - setcookie 함수 기본 구조 -> setcookie([name], [value], [expires], [path]); - options - name : 쿠키 이름 - value : 쿠키 값 - expires : 만료 시간이며, Default는 0 쿠키가 유지 될 시간을 설정 ex) time() + 3600 : 1시간 동안 사용이 가능, time() + 86400 : 24시간 동안 사용이 가능 - path : 특정 위치와..

JSON이란? - 경량(가벼운)형태의 Dat-교환 형식 - JavaScript에서 객체를 만들 때 사용하는 표현식 - 사람이 눈으로 보기에 쉬운 형태, 현재 개발을 할 때에 XML보다 JSON을 많이 선호 - 특정 언어에서 종속이 되지 않으면 JSON포맷에 형태로 사용할 수 있는 핸들링 할 수 있는 라이브러리를 제공 JSON 형식 1. name-value형식 - 기본 구조 : {Key : Value} 2. 값들의 순서화된 리스트 형식 - 기본 구조 : [Value1, Value2, ...] JSON 배열 형태 - { "ArrayName":[{Key1 : Value1, Key2: Value2, ...}, {Key1 : Value2, ...}] }

- AJAX 기본 구조 - url : 요청이 전송될 URL 주소, 서버에서 요청할 주소 - type : http 요청 방식 - async : 요청 시 동기화여부, AJAX이므로 Default는 true로 설정 - cache : 캐시 여부 - timeout : 요청 시간 내에 완료 되지 않거나 취소하면 error 호출 - data : 요청 시 포함이 되어질 데이터 - contentData : 요청 컨텐츠 타입 - dataType : 응답 데이터 형식 - function(data, status, xhr) : 콜백 함수이며 응답 상태에 따라서 콜백 함수가 호출 - data : 응답한 데이터 - status : 응답 코드(상태) - xhr : XHR 헤더 - success : function(data, stat..

- AJAX란? - AJAX(Asynchronous JavaScript and XML) : 비동기적인 웹 어플리케이션의 제작을 위한 JavaScript 라이브러리 - XMLHttpRequest 객체를 이용해서 전체 페이지를 새로고침을 하지 않고 일부 데이터만 로드 - 즉, 서버와 클라이언트 간의 비동기 통신 방법으로 XML 데이터를 주고 받는 하나의 기술 - 현재 웹 페이지 개발을 할 때에 상당히 많이 쓰이는 기술 - AJAX 사용하는 이유 - 기본 형태로 요청(Request)를 한 후 서버에서 응답(Response)을 하면 서버와의 연결이 끊어짐 - 또한, 데이터를 또 받기 위해서는 페이지 전체를 갱신하며 자원낭비와 시간낭비를 초래를 하게됨 - 필요한 데이터를 JSON형태나 XML형태로 데이터만 받아..