1. 문서화
**<HTML>
1) HTML 이란?
Hyper Text Markup Language 약어로 HyperText (웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어다. 다시 말해, 웹 페이지 구조 설계를 위한 마크업(구조 표시용) 언어. 웹 문서&페이지를 만들기 위해 사용되며 글자크기, 글자색, 그래픽, 하이퍼링크 등을 설정할 수 있다.
2) HTML 의 기본 구조
*구조에 앞서 개념 정리
- 태그란? : HTML 에서 사용하는 명령어를 통칭하며 시작은 <태그>, 끝은 </태그> 형태로 쓴다. 설정할 것이 없는 태그들의 경우 닫지 않아도 무방하지만 그래도 닫는 것이 좋다.
- 속성이란? : 태그의 명령을 보조하는 역할을 하며, 시작 태그 내에서 값을 설정하게 된다. 형태는 <태그 속성 = "값"> ... </태그> 이다.
기본 구조는 위와 같다. 구성을 살펴보자면
<!DOCTYPE html> : HTML 로 구성되어 있음을 암시.
<html>, </html> : 문서의 시작과 종료를 나타내며 내부의 head 와 body 부분을 감쌈.
<head>, </head> : 웹 브라우저에 직접적으로 표현되지 않는 정보들을 포함하는 태그.
<body>, </body> : 웹 브라우저에 직접 표현되는 정보들을 포함하는 태그.
<title>, </title> : HTML 문서의 제목을 정의함.
<h> -> 제목, <p> -> 단락 을 나타냄.
3) HTML 폼 태그
- 폼 태그 <form>
: 폼을 정의하는 최상위 태그이며, 사용자의 입력을 서버로 옮기는 역할을 한다.
주요 속성
action : 폼 데이터를 받아 처리하는 웹 페이지의 URL 설정
method : 폼 데이터가 전송되는 HTTP 방식 설정 (get 방식과 post 방식이 있음)
name : 폼을 식별하기 위한 이름 설정
target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정
이 외 enctype, 등 다른 속성도 존재.
* get과 post의 차이: get 방식은 서버로 데이터를 전송할 때 url의 끝에 값을 넣어서 전송하는 반면, post 방식은 url이 아닌 http 패킷에 데이터를 넣어서 전송한다.
- 폼 태그 <input>
: 사용자가 입력할 수 있는 태그이며, 이를 통해 정보를 받아들이는 역할을 한다.
주요 속성
type : 입력 양식 설정 (태그 유형)
name : 입력 양식 식별을 위한 이름 설정 (서버로 전달되는 이름)
value : 입력 양식의 초기값 설정
*trpe 속성값의 대표 종류
text : 텍스트 입력 창 생성
password : 비밀번호 입력 창 생성
radio : 라디오 버틍 생성
checkbox : 체크박스 생성
file : 파일 이름 입력 창 생성
image : 이미지를 전송버튼으로 만듦
hidden : 사용자에게 보이지는 않지만 서버로 전송
submit : 서버로 전송한는 버튼 생성
button : 일반 버튼 생성
- 폼 태그 <select>
: 항목을 선택할 수 있는 태그
주요 속성
(select 속성)
name : 목록상자 식별을 위한 이름 설정
size : 한번에 표시할 항목 개수 설정
multiple : 다중 선택
(option 속성)
value : 항목의 값 설정
selected : 초기값 항목 설정
disabled : 항목 비활성화
- 폼 태그 <textarea>
: 여러 줄을 입력할 수 있는 태그
주요 속성
name : 텍스트 식별을 위한 이름 설정
cols : 텍스트 영역의 너비 설정
rows : 텍스트 영역의 높이 설정
wrap : 줄 바꿈 설정
-----------------------------------------------------------------------------------------------------------
**<PHP>
1) PHP 란?
동적 웹페이지(사용자의 상황에 따라 달라지는 웹 페이지) 를 만들기 위한 언어의 한 종류로, 웹서버에서 해석되는 스크립트 언어이다. HTML 와 함께 사용되며 기본 문법은 C언어를 따른다. (페이지 소스코드 보기에서 보이지 X)
2) PHP 문법
- 기본 문법
| 기본 | 주석 | 출력 | 변수 | 배열 | 문자열 연결 |
| <?php ... ?> | /.../, /*...*/, # ... | echo "..." | $ ... | array("...","...", ...) | . 사용 / echo - , 사용 |
* 세미콜론, 종료 태그 둘 다 없으면 오류 발생!
* 변수 종류
$_GET : GET방식으로 넘어온 변수
$_POST : POST 방식으로 넘어온 변수
$_COOKIE : 쿠키 변수
$_FILES : 파일 업로드시 파일 정보 변수
$_SESSION : 세션 변수
$_SERVER : 웹 서버와 PHP 환경에서의 환경 변수
$_ENV : 서버 시스템의 환경 변수
$_REQUEST : 사용자가 입력한 변수
__________________________________________________________________________________________________________
2. 간단한 회원가입 및 로그인 페이지 만들기
1) 로그인 페이지
GitHub - Gyuree01/-21
Contribute to Gyuree01/-21 development by creating an account on GitHub.
github.com
2) 회원가입 페이지
GitHub - Gyuree01/-21
Contribute to Gyuree01/-21 development by creating an account on GitHub.
github.com