웹 개발/웹프로그래밍44 HTML | 4. meta 태그의 속성과 종류 메타태그란 문서의 내용, 문서의 키워드 등 정보를 담습니다. 웹 서버와 웹 브라우저 상호 교환되는 정보를 정의해 사이에 입력하는 특수태그입니다. 디자인에는 영향을 미치지 않습니다. 메타 태그의 종류와 속성에 대해 알아볼까요? meta 태그 속성 http-equiv="항목명" — 웹브라우저가 서버에 명령을 내리는 속성입니다.content="정보값" — meta 정보의 내용을 지정name-"정보 이름" — 몇 개의 meta 정보의 이름을 정함. meta 태그 종류 검색 엔진에 의해 검색되는 단어를 지정하고 검색 결과에 표시되는 문자를 지정. 검색 로봇 제어할 수 있습니다. 1 cs content 속성값All : index, followNone : no index, nofollowIndex : 그 페이지를 수.. 2020. 12. 4. JavaScript | Ajax 와 Ajaxform 파일업로드 AJAX XMLHttpRequest에 파일을 실어서 보내는 방식입니다. formData를 이용한 파일업로드 옵션 async : false 를 추가하여 동기식으로 변경해 리턴값을 받을 수 있습니다. 비동기방식인 경우 Undefined 값이 리턴됩니다. AJAXFORM IE10 이하에서는 ajaxForm을 통해 전송해야 합니다. beforeSend : 전송 전 complete : 전송이 끝났을 때. 성공 실패 구분 없습니다. success : 전송 성공 시. complete와 같이 쓰면 둘 다 호출되므로 주의 error : 전송 오류 1 2 3 4 error:function(data, status, opt) { alert("code:"+data.status+"\n"+"error:"+opt+"\n"+"mess.. 2020. 12. 4. CSS | 1. 기초 CSS 란 웹 문서의 전반적인 스타일을 미리 정해둔 스타일 시트를 말합니다. html로만 작성한다고 하면 예를 들어제목 색깔을 수정하고 싶은 경우 그 동안 작성한 모든 글의 제목 색을 다 바꿔 줘야만 합니다. 시간이 많이들겠죠? 만약 CSS로 제목 스타일을 정해놓고 썼다면 한 번만 바꿔주면 전체적으로 적용이 됩니다. 이런 이유에서 CSS를 써야만 합니다. CSS 선언 1span { color : red ; }cs CSS는 위와 같은 형태로 보통 이루어져 있습니다.span : selector(선택자)color : property(속성)red : value(값) CSS 적용방법 1. 인라인 스타일 (Inline) 스타일 시트를 사용하지 않고 HTML태그 내의 속성을 이용 CSS 적용. 가장 먼저 적용됩니다... 2020. 11. 23. HTML | 1. 기초 HTML HTML (HyperText Markup Language) 은 웹페이지를 만드는데 사용하는 언어입니다. HTML 구조 12345 문서구분, 버전 -> 브라우저가 해석 메타정보 인코딩 방식 화면cs 웹 페이지의 디자인이나 기능을 결정하는 태그로 이루어진 언어로 안에 표현됩니다. HTML 태그 태그 링크 태그 — ... 태그 id 속성 — 하나하나 특별한 제어class 속성 — 전체적인 스타일을 일관성 있게 지정하기 위해 필요 목록 태그 : 순서없는 목록(unorder list) 태그 : 순서있는 목록(order list) : 리스트 : 제목과 설명이 한쌍 : 제목 : 설명 레이아웃 태그 : 화면을 구성하는 태그header : 상단영역 nav : 네이게이션 영역 section : 본문영역 aside.. 2020. 11. 20. 코드이그나이터 | 모델-뷰-컨트롤러 (MVC) Model 애플리케이션을 구성하는 모든 규칙과 데이터는 모델에 의해서 관리됩니다. 데이터베이스와 연동하여 사용하기 위한 PHP클래스. 1 | CI 데이터베이스 설정 Application/config/database.php 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 $db['default'] = array( 'dsn' => '', 'hostname'=> '127.0.0.1', 'username'=> 'root', 'password'=> 'candydb!', 'database'=> 'candyfalling', 'dbdriver'=> 'mysqli', 'dbprefix'=> '', 'pconnect'=> FALSE, 'db_debug'=> (ENVIRONM.. 2020. 11. 5. 코드이그나이터 | 개념 동작 PHP로 작성된 웹프레임워크로 모델-뷰-컨트롤러(MVC) 패턴 1. index.php는 프론트콘트롤러로 동작 CI가 동작하기 위한 기반리소스 초기화 2. 라우터모듈(Routing)은 어떤 동작을 해야할지 결정3. 캐쉬파일(Caching)이 있다면 그 파일을 바로 브라우저로. 일반적인 동작절차 무시4. 보안모듈(Security)은 프로그램 컨트롤러가 로딩 되기 전 모두 필터링5. 컨트롤러(Application controller) 는 사용자 요청 처리를 위해 모델로드, 코어라이브러리, 헬퍼 등 필요한 소스 로드6. 최종적으로 뷰모듈(View)이 렌더링되어 브라우저로 전송 MVC MVC란 프로그램의 로직을 프리젠테이션(표현부분)로부터 분리하는 소프트웨어 접근 방법론 Model — 데이터구조를 표현. 데.. 2020. 11. 3. PHP | 기초문법 기초 2020. 10. 20. XML 기초 특징 구조 기초 개요 XML (EXtensible Markup Language) — 데이터를 저장하고 전달할 목적으로 데이터의 구조를 기술하기 위한 언어 다른 시스템끼리 다양한 종류의 데이터를 손쉽게 교환 (Html 의 한계 극복) 확장성 : 새로운 태그 만들어 추가할 수 있습니다. 데이터를 전달하고 저장하는 것을 목적으로 합니다. XML 특징 Html 문서의 데이터를 XML 파일로 따로 저장하고 간단하게 읽어 들여 이용할 수 있습니다. 홈페이지 구축기능, 검색기능 향상, 웹 페이지의 추가와 작성이 편리 단점 : 복잡하고 응답 시간이 느립니다. 기본 구조 1 cs version : XML 버전 encoding : 문자셋 standalone : 외부 소스의 데이터에 의존하고 있는 문서인지 아닌지 xml 파서에 알려주.. 2020. 9. 29. JavaScript | Ajax 기초 기초 개요 AJAX (Asynchronous JavaScript And XML) — 비동기 자바스크립트와 XML 페이지 전체를 리프레쉬 하지 않고도 수행되는 '비동기성' : 필요한 데이터만 처리 서버와 통신하기 위해 XMLHttpRequest 객체를 사용 비동기적인 웹 애플리케이션 제작을 위해 html, css, DOM, javascript, xml, xslt,, XMLHttpRequest 등과 조합을 이용하는 웹 개발 기법을 Ajax라고 합니다. Ajax 프레임워크 Prototype script.aculo.us dojo jQuery Ajax 구성 요소 Html과 CSS : 웹 페이지의 표현 DOM 모델 : 데이터에 접근 하거나 화면 구성을 동적으로 조작 JSON 이나 XML : 데이터의 교환 XMLHt.. 2020. 9. 29. 이전 1 2 3 4 5 다음
