본문 바로가기

웹 개발/웹프로그래밍29

NN HTML | 4. meta 태그의 속성과 종류 메타태그란 문서의 내용, 문서의 키워드 등 정보를 담습니다. 웹 서버와 웹 브라우저 상호 교환되는 정보를 정의해 사이에 입력하는 특수태그입니다. 디자인에는 영향을 미치지 않습니다. 메타 태그의 종류와 속성에 대해 알아볼까요? meta 태그 속성 http-equiv="항목명" — 웹브라우저가 서버에 명령을 내리는 속성입니다.content="정보값" — meta 정보의 내용을 지정name-"정보 이름" — 몇 개의 meta 정보의 이름을 정함. meta 태그 종류 검색 엔진에 의해 검색되는 단어를 지정하고 검색 결과에 표시되는 문자를 지정. 검색 로봇 제어할 수 있습니다. 1 cs content 속성값All : index, followNone : no index, nofollowIndex : 그 페이지를 수.. 2020. 12. 4.
NN 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.
NN HTML | 1. 기초 HTML HTML (HyperText Markup Language) 은 웹페이지를 만드는데 사용하는 언어입니다. HTML 구조 12345 문서구분, 버전 -> 브라우저가 해석 메타정보 인코딩 방식 화면cs 웹 페이지의 디자인이나 기능을 결정하는 태그로 이루어진 언어로 안에 표현됩니다. HTML 태그 태그 링크 태그 — ... 태그 id 속성 — 하나하나 특별한 제어class 속성 — 전체적인 스타일을 일관성 있게 지정하기 위해 필요 목록 태그 : 순서없는 목록(unorder list) 태그 : 순서있는 목록(order list) : 리스트 : 제목과 설명이 한쌍 : 제목 : 설명 레이아웃 태그 : 화면을 구성하는 태그header : 상단영역 nav : 네이게이션 영역 section : 본문영역 aside.. 2020. 11. 20.
NN 코드이그나이터 | 모델-뷰-컨트롤러 (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.
NN 코드이그나이터 | 개념 동작 PHP로 작성된 웹프레임워크로 모델-뷰-컨트롤러(MVC) 패턴 1. index.php는 프론트콘트롤러로 동작 CI가 동작하기 위한 기반리소스 초기화 2. 라우터모듈(Routing)은 어떤 동작을 해야할지 결정3. 캐쉬파일(Caching)이 있다면 그 파일을 바로 브라우저로. 일반적인 동작절차 무시4. 보안모듈(Security)은 프로그램 컨트롤러가 로딩 되기 전 모두 필터링5. 컨트롤러(Application controller) 는 사용자 요청 처리를 위해 모델로드, 코어라이브러리, 헬퍼 등 필요한 소스 로드6. 최종적으로 뷰모듈(View)이 렌더링되어 브라우저로 전송 MVC MVC란 프로그램의 로직을 프리젠테이션(표현부분)로부터 분리하는 소프트웨어 접근 방법론 Model — 데이터구조를 표현. 데.. 2020. 11. 3.
NN PHP | 기초문법 기초 2020. 10. 20.
NN XML 기초 특징 구조 기초 개요 XML (EXtensible Markup Language) — 데이터를 저장하고 전달할 목적으로 데이터의 구조를 기술하기 위한 언어 다른 시스템끼리 다양한 종류의 데이터를 손쉽게 교환 (Html 의 한계 극복) 확장성 : 새로운 태그 만들어 추가할 수 있습니다. 데이터를 전달하고 저장하는 것을 목적으로 합니다. XML 특징 Html 문서의 데이터를 XML 파일로 따로 저장하고 간단하게 읽어 들여 이용할 수 있습니다. 홈페이지 구축기능, 검색기능 향상, 웹 페이지의 추가와 작성이 편리 단점 : 복잡하고 응답 시간이 느립니다. 기본 구조 1 cs version : XML 버전 encoding : 문자셋 standalone : 외부 소스의 데이터에 의존하고 있는 문서인지 아닌지 xml 파서에 알려주.. 2020. 9. 29.
NN 티스토리 | HTML 구조와 주요 태그 티스토리 스킨 HTML은 너무 길고 복잡하며 들여쓰기도 파악하기 힘듭니다. 이에 중요 태그들의 레이아웃을 살펴보며 대략적인 구조파악에 도움이 되시길 바랍니다. 티스토리 HTML 구조 : 티스토리 스킨가이드에 따른 자바스크립트를 지정해줄 영역, 그룹치환자 : 상단 영역 해당하는 컨텐츠, 네비게이션링크 : 검색 : 컨테이너 (본문+사이드바) : 컨텐츠 영역 : 검색결과 : 공지사항 : 방명록 : 보호글 : 본문 : 색인. 인덱스 페이지 : 영구적인 링크. 포스팅에 부여된 URL를 의미 퍼머링크 게시물이 어느 경우에나 연결되는 절대적인 불변 주소로 블로그 주소를 옮기거나 할 때에도 접속 가능하게 해주는 주소 : 글 관리 기능 : 본문내용 : 태그 : 관련글 : 댓글 : 페이징 : 사이드바 : 푸터, 하단영역 .. 2020. 5. 13.
NN CSS | 5. 박스모델 단위 절대 길이 px : pixels pt : points. (윈도우 9pt = 12px, 맥 9pt = 9px) 상대 길이% : 퍼센트em : 요소의 폰트 사이즈rem : 루트 요소의 폰트 사이즈vw : 뷰포트(브라우저)의 width값을 기준으로 1%의 값 색상 color 속성 컬러 키워드 : red, black, blue 같은 키워드로 지정16진법 : 6자리로 두 자리씩 세가지 색상을 나타냄RGB( ) : 레드, 그린, 블루 (0~255 정수)RGBA( ) : 레드, 그린, 블루 + 알파값(0은 투명, 1은 불투명) background 속성 background-color : 배경의 색상을 지정. (default : transparent)background-image : 배경으로 사용할 이미지 경로를 .. 2020. 4. 3.

티스토리툴바