#

38개의 포스트

코드이그나이터4 뷰 다루기 - 14 - 레이아웃

레이아웃 사용하기 많은 사이트들이 레이아웃을 사용합니다. 공통의 헤더, 공통의 푸터 등 어느 페이지에서나 사용되는 공통 화면들이 있고, 본문만 바뀌는 경우가 많습니다. 이렇게 공통된 부분은 한 곳에 모아두고, 본문만 바뀌는 것을 레이아웃이라고 부릅니다. 코드이그나이터

2021년 3월 26일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 13 - 첨부파일 여러개 업로드

첨부파일 여러개 코드이그나이터4에서 여러개의 첨부파일을 다루는 방법을 확인해 보겠습니다. 주요 로직은 첨부파일과 동일하므로 여러개를 읽을 때 처리 절차만 중점적으로 보면 됩니다. 우리가 만들 페이지는 아래와 같습니다. 코드는 https://github.com/koe

2021년 3월 25일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 12 - 첨부파일

첨부파일 코드이그나이터4에서 첨부파일을 다루는 방법을 확인해 보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php (1) 코드이그나이터4 컨트롤러에서 파일 정보를 가지고 오기

2021년 3월 24일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 11 - 이미지

이미지 HTML에서 이미지를 표기하는 방법을 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. 웹서버의 이미지를 표기하는 방법을 알아보기 위해 예제 이미지를 다운로드하겠습니다. https://www.php.net/images/logos/php-logo.svg 이

2021년 3월 24일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 10 - 링크

링크 HTML에서 다른 웹 자원 주소로 연결하는 링크를 다루는 방법을 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php (1) 뷰에 전달할 데이터를 설정합니다. url

2021년 3월 22일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 9 - 테이블

테이블 HTML에서 표를 만들 수 있는 테이블을 알아보겠습니다. 최근에는 레이아웃을 맞출 때 테이블을 잘 안 쓰는 추세기는 하지만, 실제로 표가 필요한 경우는 의외로 많으므로 테이블 태그에 대해 알고는 있어야 합니다. 우리가 만들 페이지는 아래와 같습니다. 이번 챕터

2021년 3월 21일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 8 - 여러 줄 텍스트 입력(textarea)

텍스트 영역 여러 줄을 입력할 수 있는 텍스트 영역을 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php 특별한 코드는 없으므로 컨트롤러 설명은 생략합니다. 뷰를 추가

2021년 3월 19일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 7 - 비밀번호 상자

비밀번호를 입력할 수 있는 상자를 알아보겠습니다. 비밀번호 상자는 텍스트 입력 상자와 동일하지만, 입력한 내용이 HTML에 보이지 않고 * 등으로 가려지는 것이 특징입니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app

2021년 3월 18일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 6 - 텍스트 상자

HTML에서 기본이 되는 태그인 텍스트 상자를 알아보겠습니다. 텍스트 상자는 한 줄 입력시에 사용됩니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php 특별한 코드는 없으므로 컨트

2021년 3월 18일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 5 - 선택 상자 (select option)

선택 상자 여러개의 항목 중 하나를 선택하는 선택 상자에 대해 알아보겠습니다. 일반적으로 항목이 적고 한번에 항목을 봐야 할 때는 라디오 버튼을, 선택할 항목이 많다면 선택 상자를 통해 UI를 구성합니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아

2021년 3월 17일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 4 - 라디오 버튼

여러개의 항목 중 하나를 선택하는 라디오 버튼에 대해 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php 코드를 확인해 보겠습니다. (1) 스포츠 데이터를 연관배열로 정

2021년 3월 16일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 3 - 체크박스

체크 박스를 다루는 방법을 알아보겠습니다. 이번 챕터에서는 체크박스 1개와 체크박스 여러개를 처리하는 방법을 둘 다 확인합니다. 또한 입력한 값을 보존하는 방법도 보겠습니다. 우리가 만드는 화면은 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. ap

2021년 3월 15일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 2 - 목록 (ul, ol, li)

목록 반복문을 통해서 뷰에 목록을 보여주는 방법을 알아보겠습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php (1) PHP의 range 함수를 통해 65-90까지의 숫자 배열을 만들어 냅니다. 참고로 (1)-(3)까

2021년 3월 14일
·
0개의 댓글

코드이그나이터4 뷰 다루기 - 1 - 뷰 개요

뷰 다루기 뷰 다루기 MVC모델 중 V는 뷰를 다룹니다. 주어진 데이터를 가지고 화면을 구성하는 것을 현대 웹 개발에서는 일반적으로 "템플릿"이라고 부릅니다. 다행히도 PHP는 태생부터 "HTML사이에 데이터 조각을 넣는 방식"으로 설계되었기 때문에 화면을 다루는데

2021년 3월 13일
·
0개의 댓글

코드이그나이터4 컨트롤러 다루기 - 4 - 뷰 보여주기

우리는 이제까지 문자열을 그대로 브라우저에 보여줬습니다. 마치 C언어로 CGI를 만들던 시절처럼 말이죠. 간단한 문자열을 만들기에는 이런 방법도 나쁘지 않지만, 복잡한 HTML을 다루기에는 너무 힘들 겁니다. 그래서 MVC 중 View를 분리하겠습니다. 뷰는 a) 어떤

2021년 3월 7일
·
0개의 댓글
post-thumbnail

velog 글에 조회수 띄우기

velog에서 글 조회수 보기!

2021년 2월 28일
·
0개의 댓글

[Vue.js] 5 ) Vuex

Vuex 란? Vuex의 기능 컴포넌트에서 스토어 사용하기 모듈 사용하기 이외의 기능과 옵션

2021년 2월 8일
·
0개의 댓글
post-thumbnail

[Vue.js] 2) 컴포넌트

컴포넌트란? 컴포넌트끼리의 통신 컴포넌트의 양방향 데이터 바인딩 slot template 이외의 기능과 옵션 함수형 컴포넌트 동적 컴포넌트 컴포넌트의 라이프 사이클 keep-alive로 상태 유지하기

2021년 2월 8일
·
0개의 댓글

[Vue.js] 1 ) Vue.js 알아보기

Vue.js의 기본 기본기능 -텍스트 바인딩 ... -트랜지션과 애니메이션 데이터 등록과 변경 리액티브 데이터란? 텍스트와 속성 데이터 바인딩 텍스트와 데이터 바인딩 속성 데이터 바인딩 /### 데이터 변경 /### 클래스와 스타일 데이터 바인딩 /### 여러개의 속

2021년 2월 7일
·
0개의 댓글