# 뷰
코드이그나이터4 뷰 다루기 - 14 - 레이아웃
레이아웃 사용하기 많은 사이트들이 레이아웃을 사용합니다. 공통의 헤더, 공통의 푸터 등 어느 페이지에서나 사용되는 공통 화면들이 있고, 본문만 바뀌는 경우가 많습니다. 이렇게 공통된 부분은 한 곳에 모아두고, 본문만 바뀌는 것을 레이아웃이라고 부릅니다. 코드이그나이터
코드이그나이터4 뷰 다루기 - 13 - 첨부파일 여러개 업로드
첨부파일 여러개 코드이그나이터4에서 여러개의 첨부파일을 다루는 방법을 확인해 보겠습니다. 주요 로직은 첨부파일과 동일하므로 여러개를 읽을 때 처리 절차만 중점적으로 보면 됩니다. 우리가 만들 페이지는 아래와 같습니다. 코드는 https://github.com/koe
코드이그나이터4 뷰 다루기 - 12 - 첨부파일
첨부파일 코드이그나이터4에서 첨부파일을 다루는 방법을 확인해 보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php (1) 코드이그나이터4 컨트롤러에서 파일 정보를 가지고 오기
코드이그나이터4 뷰 다루기 - 11 - 이미지
이미지 HTML에서 이미지를 표기하는 방법을 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. 웹서버의 이미지를 표기하는 방법을 알아보기 위해 예제 이미지를 다운로드하겠습니다. https://www.php.net/images/logos/php-logo.svg 이
코드이그나이터4 뷰 다루기 - 10 - 링크
링크 HTML에서 다른 웹 자원 주소로 연결하는 링크를 다루는 방법을 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php (1) 뷰에 전달할 데이터를 설정합니다. url
코드이그나이터4 뷰 다루기 - 9 - 테이블
테이블 HTML에서 표를 만들 수 있는 테이블을 알아보겠습니다. 최근에는 레이아웃을 맞출 때 테이블을 잘 안 쓰는 추세기는 하지만, 실제로 표가 필요한 경우는 의외로 많으므로 테이블 태그에 대해 알고는 있어야 합니다. 우리가 만들 페이지는 아래와 같습니다. 이번 챕터
코드이그나이터4 뷰 다루기 - 8 - 여러 줄 텍스트 입력(textarea)
텍스트 영역 여러 줄을 입력할 수 있는 텍스트 영역을 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php 특별한 코드는 없으므로 컨트롤러 설명은 생략합니다. 뷰를 추가
코드이그나이터4 뷰 다루기 - 7 - 비밀번호 상자
비밀번호를 입력할 수 있는 상자를 알아보겠습니다. 비밀번호 상자는 텍스트 입력 상자와 동일하지만, 입력한 내용이 HTML에 보이지 않고 * 등으로 가려지는 것이 특징입니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app
코드이그나이터4 뷰 다루기 - 6 - 텍스트 상자
HTML에서 기본이 되는 태그인 텍스트 상자를 알아보겠습니다. 텍스트 상자는 한 줄 입력시에 사용됩니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php 특별한 코드는 없으므로 컨트
코드이그나이터4 뷰 다루기 - 5 - 선택 상자 (select option)
선택 상자 여러개의 항목 중 하나를 선택하는 선택 상자에 대해 알아보겠습니다. 일반적으로 항목이 적고 한번에 항목을 봐야 할 때는 라디오 버튼을, 선택할 항목이 많다면 선택 상자를 통해 UI를 구성합니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아
코드이그나이터4 뷰 다루기 - 4 - 라디오 버튼
여러개의 항목 중 하나를 선택하는 라디오 버튼에 대해 알아보겠습니다. 우리가 만들 페이지는 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php 코드를 확인해 보겠습니다. (1) 스포츠 데이터를 연관배열로 정
코드이그나이터4 뷰 다루기 - 3 - 체크박스
체크 박스를 다루는 방법을 알아보겠습니다. 이번 챕터에서는 체크박스 1개와 체크박스 여러개를 처리하는 방법을 둘 다 확인합니다. 또한 입력한 값을 보존하는 방법도 보겠습니다. 우리가 만드는 화면은 아래와 같습니다. View 컨트롤러에 아래의 메소드를 추가합니다. ap
코드이그나이터4 뷰 다루기 - 2 - 목록 (ul, ol, li)
목록 반복문을 통해서 뷰에 목록을 보여주는 방법을 알아보겠습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php (1) PHP의 range 함수를 통해 65-90까지의 숫자 배열을 만들어 냅니다. 참고로 (1)-(3)까
코드이그나이터4 뷰 다루기 - 1 - 뷰 개요
뷰 다루기 뷰 다루기 MVC모델 중 V는 뷰를 다룹니다. 주어진 데이터를 가지고 화면을 구성하는 것을 현대 웹 개발에서는 일반적으로 "템플릿"이라고 부릅니다. 다행히도 PHP는 태생부터 "HTML사이에 데이터 조각을 넣는 방식"으로 설계되었기 때문에 화면을 다루는데
코드이그나이터4 컨트롤러 다루기 - 4 - 뷰 보여주기
우리는 이제까지 문자열을 그대로 브라우저에 보여줬습니다. 마치 C언어로 CGI를 만들던 시절처럼 말이죠. 간단한 문자열을 만들기에는 이런 방법도 나쁘지 않지만, 복잡한 HTML을 다루기에는 너무 힘들 겁니다. 그래서 MVC 중 View를 분리하겠습니다. 뷰는 a) 어떤
[Vue.js] 2) 컴포넌트
컴포넌트란? 컴포넌트끼리의 통신 컴포넌트의 양방향 데이터 바인딩 slot template 이외의 기능과 옵션 함수형 컴포넌트 동적 컴포넌트 컴포넌트의 라이프 사이클 keep-alive로 상태 유지하기
[Vue.js] 1 ) Vue.js 알아보기
Vue.js의 기본 기본기능 -텍스트 바인딩 ... -트랜지션과 애니메이션 데이터 등록과 변경 리액티브 데이터란? 텍스트와 속성 데이터 바인딩 텍스트와 데이터 바인딩 속성 데이터 바인딩 /### 데이터 변경 /### 클래스와 스타일 데이터 바인딩 /### 여러개의 속
JSP - 5. JSP vs. 서블릿, 모델1 vs. 모델2, 리퀘스트객체
201124 Model1과 Model2의 차이점에 대해 말할 수 있어야한다!!@@@@