기본 콘텐츠로 건너뛰기

나만의 포트폴리오 웹페이지 만들기 - 5 (CodeIgniter)

나만의 포트폴리오 웹페이지 만들기 - 5 (CodeIgniter)

저는 CodeIgniter를 사용하여 포트폴리오 웹페이지를 개발하였습니다.

간단한 CodeIgniter에 대한 설명과 사용법에 대해 알아보겠습니다.

■ CodeIgniter 란?

- PHP기반의 framework로 웹 개발 시 필요한 여러 라이브러리를 제공합니다.

- M-V-C 패턴을 사용합니다.

- 깔끔한 URL을 생성합니다. (세그먼트기반 URL -> example.com/news/article/111)

■ M-V-C 패턴이란?

- 에플리케이션을 3가지 역할로 나누어 개발하는 개발 방법론

- Model : 데이터구조를 표현. 애플리케이션이 '무엇'을 할지 정의. 일반적으로 데이터 추출,입력,갱신 함수를 포함

- View : 사용자에게 보여지는 부분. 일반적으로 웹페이지

- Controller : 애플리케이션이 '어떻게' 동작할지 정의. 일반적으로 뷰와 모델 사이에서 동작

■ 기본 사용법

- CodeIgniter 다운로드

url : http://www.ciboard.co.kr/user_guide/kr/overview/getting_started.html

- 가상호스트 설정

##ServerAdmin webmaster@dummy-host.example.com DocumentRoot "D:/project/Intro/CodeIgniter" ServerName stage.intro.devs ServerAlias stage.intro.devs ##ErrorLog "logs/dummy-host.example.com-error.log" ##CustomLog "logs/dummy-host.example.com-access.log" common

CodeIgniter의 기본 디렉토리는 CodeIgniter/index.php

- Controller

경로 : CodeIgniter/application/controllers/Blog.php

※ 2번째 세그먼트(index(생략가능) / comments)에 따라 컨트롤러 내부 함수 호출

- View

경로 : CodeIgniter/application/vies/blogview.php

load->view('blogview', $data); } }

$data 배열에 선언된 데이터가 view로 전달 ( C - $data['title'] => V - $title )

※ $view = $this->load->view('blogview', $data); -> view를 바로 출력하지 않고 변수로 전달 가능

- Model

db->get('entries', 10); return $query->result(); } }

경로 : CodeIgniter/application/models/Blog_model.php

load->model('blog'); // Blog_model 내부 get_last_ten_entries function 호출 $data['query'] = $this->blog->get_last_ten_entries(); $this->load->view('blog', $data); } }

여기까지 CodeIgniter에 대한 설명과 기본적인 사용법에 대해 알아보았습니다.

위에서 설명한 기능은 기본적인 내용으로 CodeIgniter에는 앞서 설명하지 않은 다양한 라이브러리가 존재합니다.

- 코드이그나이터 한글 매뉴얼 페이지(http://www.ciboard.co.kr/user_guide/kr)

- CodeIgniter 한국사용자포럼(https://www.cikorea.net/)

위 2개의 사이트를 참고하시면 많은 도움되실 겁니다.

다음에는 마지막으로 제가 만든 포트폴리오 페이지에 대해 포스팅하겠습니다.

from http://kimby.tistory.com/14 by ccl(A)

댓글

이 블로그의 인기 게시물

[PHP] 코드이그니터 - 파일업로드 구현

[PHP] 코드이그니터 - 파일업로드 구현 파일 업로드 이번에 PHP 프레임워크인 코드 이그니터(Codeigniter)를 사용하여 홈페이지를 만드는데 사용한 이미지 업로드용 코드 입니다. upload 라이브러리를 사용하고 app~ 와 같은 위치에 upload 폴더를 만드고 다음 코드를 사용한다음 ajax 로 호출하여 파일을 업로드 합니다. function index() { // Upload 설정 $config['upload_path'] = './upload/'; $config[\'allowed_types\'] = 'gif|jpg|png'; $config['max_size'] = 100; // 100k $config['max_width'] = 1024; $config['max_height'] = 768; $this->load->library('upload', $config); $data = array(); if (! $this->upload->do_upload("service_image")) { $error = array('error' => $this->upload->display_errors()); } else { //$data = array('upload_data' => $this->upload->data()); $this->output->set_output("./upload/".$this->upload->data('file_name')); } } jquery 를 이용한 파일 업로드 호출 코드 function upload() { var datas, xhr; datas = new FormData(); datas.append( 'service_image', $( ...

2017년 1월 스타트업에서 구인할때 주로 원하는 개발 기술

2017년 1월 스타트업에서 구인할때 주로 원하는 개발 기술 php mysql linux android git kotlin gcm/fcm python mssql mongodb amazon aws ios objective-c swift github python c++ django python postgresql amazon aws html5/css3/javascript android java mysql python c++ c# java aws cloud-server dbms node.js postgresql redis nginx react.js hapi.js amazon aws restful-api angularJS jQuery html5/css3/javascript android firebase custom ui component restful-api asp.net c# html css javascript bootstrap angularjs node.js php mongodb redis 프론트엔드 주요 기술 javascript jquery ajax angularjs wbesocket html5/css3/javascript android ios java xcode node.js coffeescript mysql amazon ec2 amazon es3 android ios node.js php python java ios php mysql apache python android redis node.js jquery msa node.js java restful-api linux nosql golang redis nginx ...

이클립스 코드이그나이터 연동 ( eclipse codeigniter )

이클립스 코드이그나이터 연동 ( eclipse codeigniter ) https://ellislab.com/codeigniter/user-guide/installation/downloads.html 위의 사이트에서 코드이그나이터를 다운 받는다. 다운받은 압축 파일을 풀어 준다. 이클립스에서 php 프로젝트를 생성한 공간에 코드이그나이터 압축파일을 복사 붙여넣기 해준다. 위와 같은 화면이 나오면 정상적으로 연동이 된 것 입니다. from http://nahosung.tistory.com/22 by ccl(A) rewrite - 2020-03-06 16:20:55