이것 저것 해보는

이번에 올리는 주제는 제출, 리셋입니다. 

제출이라는 것은 커뮤니티 사이트에서 글을 올리는것을 완료 하는 작업을 말합니다.

리셋이라는 것은 일반적으로 잘쓰이지는 않은것 같은데요. 기능을 말하자면,자신이 방금 작성한 글을 원상태로 복구하는 기능이 있습니다.

1. 제출

submit

<input type = "submit" value="submit">

기본 이미지입니다. value="회원가입" 과 같이 적어주시면 submit단어가 바뀝니다.

클릭을 하게되면 폼에서 지정된 php파일과 같은 곳에서 동작을 할수있게 해줍니다.

2. 리셋

reset

<input type = "reset" value = "reset">

기본 이미지는역시 다  비슷하네요. 

시험삼아 적어봤는데요. 저렇게 네모 칸이나 저번에 적은 선택을 누르고 reset을 클릭하면 다시 원상태로 회귀 합니다.

이번에는 간단히 제출과 리셋 두개에 대해서 적어봤습니다. 부족한 글 읽어주셔서 감사합니다.

이 글에서는 HTML의 기본적인 폼 중에서 선택, 제출에 대한 글을 쓰겠습니다.

가장 기본적인 형태를 보여주는 것이라서 생각했던 폼이 아닐수 있습니다.

먼저 기본적인 선택에 대한 폼 몇개를 소개하겠습니다.

1. checkbox

기본적인 문법은

<input type = "checkbox" name="변수배열" value="값1">No.1

<input type = "checkbox" name="변수배열" value="값2">No.2

<input type = "checkbox" name="변수배열" value="값3">No.3

3가지를 적었습니다. 그래서 나온결과를 한번 보겠습니다.

선택지 뒤편에 No.1 이런 단어는 마음대로 바꾸셔도 됩니다. 그리고 name이 변수배열 (예. lang[])을 놓는 이유는

checkbox는 기본적으로 하나 이상이 선택가능 하기 때문에 배열로 넣은 것입니다.

주의하실점이 변수배열은 같은 값의 배열로 해주셔야하고, value의 값은 각각 다른값으로 해주셔야 합니다.

2. radio

두번째는 radio 타입입니다. 이 타입은 checkbox와 같으면서도 다르죠. checkbox는 다중선택이 가능했지만,

radio는 둘중에 하나 값만 선택할수있게 해주는 것 입니다.

기본 문법은 checkbox와 비슷합니다.

input type="radio" name="변수이름" value="1">1

input type="radio" name="변수이름" value="2">2

다른점이 눈에 들어오실겁니다. 물론 type은 radio 타입이라고 적어주셔야 합니다. name 에서 보시면 둘중에 한 값만 적용이 되기때문에 배열값이 아니라 단일값으로 적어주시면 됩니다.

3. select

네 선택하는 폼에서 마지막 폼인 select입니다. 이 폼은 위에 두개와는 확실한 차이가 나는 폼이죠. 말이 긴것보다는 먼저 보여주는게 좋겠네요.

기본적으로 보여지는 창입니다. 회원가입하실때 생년월일 고를때 많이 보시는 창 이실겁니다.

기본적인 문장은 위에 2개와는 다릅니다.

<select name="변수이름">

 <option value="1">No.1</option>

 <option value="2">No.2</option>

 <option value="3">No.3</option>

 <option value="4">No.4</option>

</select> 

문장으로 2개만 적으면 적을수 있겠지만 길게 하기위해서 4가지를 적었습니다.

그리고 select 괄호안에 맨 뒤쪽에 size="2" 와 같이 적어주시면

위와 같은 모습으로 4가지를 선택할 수 있는 모습이 됩니다.

여기까지 선택에 관한 폼 3가지 였습니다. 서툴고 긴글 읽어주셔서 감사합니다.

이번에는 날짜, 시간에 대한 폼에 대해서 알아볼려고 합니다.

날짜나 시간에 대한 폼 중 익숙하신 것이 예약하실때 예약날짜를 선택하는 폼을 가장 많이 접하셨을 것 입니다.

이런 모습을 많이 보셨을 겁니다. (익숙한 모습)

이번에는 여러가지 폼을 한번 적어 볼려고 합니다.

1.  date 형식

기본적인 형식은 <input type = "date" name = "이름"> 입니다.

폼의 형태만 보여주는 것이 목적이기 때문에 따로 꾸미지는 않습니다.

date 타입은 기본적으로 연도-월-일 3가지 시간을 선택하실수 있습니다.

2. datetime-local

date를 datetime-local 로 바꾸면 됩니다.

연도 / 월 / 일 / 오전,오후 / 시간 / 분

6가지가 표시 되지만 선택은 date와 똑같이 선택 가능하고 나머지는 직접 칸 마다 선택해서 입력하게 되어있습니다.

3. month

month 타입의 모습 입니다.

기본적으로 단어 그대로 연도 / 월 표시만 가능 합니다.

날짜 선택창을 열면 날짜는 다 나오지만 선택할려고하면 모든 날짜가 선택이 되는 해당하는 달만 선택이 됩니다.

4. week

week는 연도 / 몇번째 주 만 나타납니다.

날짜를 선택할려면 한주가 선택이 됩니다. 그리고 해당하는 달은 안나오고 몇번째 주만 인지 알려주네요.

5. time

time의 모습입니다. 여태까지는 연도는 기본적으로 나왔지만 이번 타입은 오전/오후 여부 시/분 까지만 표시가 됩니다.

여기까지 html의 시간관련 타입 5가지를 살펴봤습니다. 아무것도 하지않은 기본베이스적인 모습이라 어색할수도 있고 알고있던 모습이 아닐수도 있을겁니다. 여기서 좀 더 추가해주면 아시는 모습이 될 수 있을겁니다.

많이 부족하지만 글 읽어주셔서 감사합니다.

지난번에는 html의 구조를 한번 봤었는데요. 이번에는 웹브라우저에 나오는 로그인이나 비밀번호 같이 입력해야하는 타입에 대해서 한번 살펴보겠습니다.

1.

<input type = "text" name = "uid"> 글자를 입력 받는 공간을 만들어 주는 역할

<input type = "password" name = "pwd"> 패스워드를 입력 받는 공간을 만들어 주는 역할

<input type = "number" name = "num"> 숫자를 입력 받는 공간을 만들어 주는 역할

<input type = "tel" name = "tel"> 전화번호를 입력 받는 공간을 만들어주는 역할

<input type = "email" name = "email"> e-메일를 입력 받는 공간을 만들어주는 역할

이렇게 4개정도가 가장 기본적인 입력을 받는 input의 type이라고 할 수 있겠습니다.

첫번째 "text"는 말그대로 글자를 입력 받습니다.

회원가입에서 개인정보를 입력하거나 id를 입력하는 부분에 많이 사용되겠죠.

두번째 "password" 길게 설명안해도 잘 아실거라고 믿습니다. ㅎ

세번째는 "number" 숫자를 입력 받습니다. 그리고 "tel" 은 전화번호, "email"은 이메일 값을 받아 들입니다.

2.

<input type = "submit" name = "제출">

<input type = "reset" name = "초기화">

이 두가지는 위에 2가지와는 다른 모습입니다. Submit은 말그대로 제출하는 것입니다. 위에 칸들에 정보를 입력하셨으면 이걸 누르는 거죠 "완료"버튼 처럼요. 그리고 reset은 잘못입력했을때 그 페이지에 적어 놓은걸 전부 원상복구하는 겁니다. 그리고 이 2가지는 name="이름" 에 영향을 받습니다.

아 그리고 줄을 바꿀때에는 php와 같이 <br> 잊지 않으시길 바랍니다.

3.

<input type = "radio" name = "button" value = "s1">버튼1

<input type = "radio" name = "button" value = "s2">버튼2

<input type = "radio" name = "button" value = "s3">버튼3

=> Radio는 선택의 버튼을 만들어 줍니다. name을 같은걸로 해주어야 같은 그룹으로 정의가 되어 그 그룹중에서 한가지를 선택하는 것이 됩니다.

<input type = "checkbox" name = "button2" value = "a1">버튼1

<input type = "checkbox" name = "button2" value = "a2">버튼2

<input type = "checkbox" name = "button2" value = "a3">버튼3

=> checkbox는 radio와 비슷한 버튼을 출력하나 같은 그룹내에서 복수의 옵션을 선택 할수 있습니다.

<select type = "select" size = 3>

   <option value = "b1"> 선택1 </option>

   <option value = "b2"> 선택2 </option>

   <option value = "b3"> 선택3 </option>

</select>

=> Select는 음.. 예를 들어서 이야기하면 회원가입시 날짜를 고를때 네모박스? 그것이 출력됩니다.

네 이번에는 input의 간단한 타입들을 정리 해봤습니다. 부족하지만 봐주셔서 감사합니다.

다음에는 input 타입들을 좀더 정리하겠습니다.

갑자기 PHP를 배우는 곳에 왜 HTML이라고 생각하시는 분들도 계실겁니다.

하지만 웹프로그래밍을 하기 위해서 특히 Form을 만들기 위해서는 html이 없어서는 안될 존재이죠.

그럼 html 공부를 해보겠습니다.

1.  기본적으로 브라켓에서 html을 사용하기 위해서 문장의 맨 앞에 <!doctype html>을 선언해줍니다.

    html의 문법을 쓰겠다는 선언 입니다. <?php  내용 ?> 과 비슷하네요.

그다음 일단 <html> 과 </html> 로 크게 묶어 줍니다.

다음. <head>는 머리죠.

그중에서 <tilte>은 그 사이트의 이름을 말해줍니다. 브라우저 위쪽에 보면 탭에 나오는 내용입니다.

그 밑에 <meta charset="utf-8">은 한글로 나올수있게 해주는 코드라고 생각하시면 됩니다. (utf-8코드!)

<body> 안을 살펴 보겠습니다.

<h1> 은 브라우저 안에서 나오는 내용중에서 큰 중요한 제목을 설정해주는 겁니다. 글씨도 크고 진하죠.

드디어 form이 나오네요. 

action = form.php => php로 코딩을한 php파일과 연결을 시킨다는 의미입니다. 그리고 메소드 post라고 쓰여있는데

그건 나중에 php연동때 하도록 하겠습니다.

마지막으로 input문장을 보면 type="text"는 말그대로 id를 적을때 그 네모칸안에 서술을 한다는 뜻입니다.

name="pass"라고 적혀 있는데 html에서 php로 보낼때 설정된 변수 $pass안에 html에서 적은 내용이 저장 되는겁니다.

placeholder는 그 네모 칸안에 약간 흐린 글씨로 Password라는 단어가 나오도록 설정해주는 겁니다.

그리고 reset과 submit이 나왔습니다. 음 이두가지는 무엇을 적는 것이 아니라 클릭해주는 네모 박스가 생성이 됩니다.

거기에다가 value라는 값으로 "로그인" 과 "재작성"을 넣어 주면 그 네모 박스의 이름을 지어주는 겁니다.

이렇게 전부 코딩을 해주시면 화면에는 이렇게 출력이 됩니다.

좀더 부족한 설명은 완성된 화면 이미지를 참고 하시고 해주시면 감사하겠습니다.

부족한 설명 봐주셔서 감사합니다. 이상입니다.

이번에는 PHP에서의 함수의 기본적인 활용을 알아보겠습니다.

함수의 기본적인 형태부터 보자하면.

function 함수의이름 () {

문장1;                

문장2;                

}                           

function 함수의 이름 (변수1, 변수2) {

문장1;                                 

문장2;                                 

}                                            

이런 형태의 모습을 많이 보실겁니다. 첫번째는 매개변수가 없이 정의된 형태이고,

두번째는 매개변수가 있는 형태 입니다. (변수를 2개 써놓은 것은 그냥 쓴겁니다.)

그리고 이렇게 정의된 함수를 호출하고자 할때는..

$a = 5;                              

$b = 7;                              

add();                               

function add () {                  

global $a, $b;           

$z = $a + $b;           

echo " 답 = $z <br>";

}                                  

같이 호출 할수 있습니다. 여기서 a와 b는 함수 밖에서 선언이 된 전역변수 입니다.

php는 전역변수를 함수 안에서 사용할려면 별도의 선언이 필요한데 그것이 'global'입니다.

선언을 하면 나는 전역변수를 내 지역에서 사용하겠다. 라는 말을 하는 겁니다.

name("이름");              

function name ($name) {

echo " $name <br> ";

}                              

위의 선언은 함수를 정의하고 매개변수를 받아 함수를 호출 받는 예 입니다.

호출이 함수의 앞에 있든 뒤에 있든 php에서는 상관없이 함수가 매개변수를 받아서 호출합니다.

function sub (int $x, int $y) : int {

$z = $x - $y;                  

$z = "user id";                

return $z;                     

     }                                             

이 함수에서 가장 눈에 띄는 부분은 매개변수 뒤쪽에 : int 선언 일겁니다.

이 것은 함수에서의 값이 어떤 데이터형으로 리턴되느냐를 말하고 있는겁니다.

함수 내부에서 호출된 곳으로 값을 반환하기위해 return을 선언하고있죠?

마지막으로 함수는 아니지만 중요한 한가지 선언이 있습니다.

바로 'declare(strict_types=1);' 입니다. 이 명령어는 php의 맨앞인 <?php 의 뒤에 나와야 합니다.

같은 줄이 아니라 엔터를 한번 쳐주시고 적어주시면 깔끔하고 좋습니다.

이 건 함수가 매개변수 a와 b가 값을 받아 더하는 건데, a = 5, b = "5days" 와 같이 다른 타입을 받을때가 있습니다.

 declare를 선언하지 않았다면 값은 어떻게 될까요? 바로 10이 됩니다.

5days를 정수형 5로 받아 버려 php가 마음대로 계산을 진행합니다.

하지만 declare를 선언 해주면 a는 정수형, b는 문자형이라는 것을 php에서 체크해서 잘못된 입력에대해서

강력히 제재 합니다. 그럼 저것을 잘못 입력 받거나 했을때 프로그래머가 확실히 눈치 챌수있게 해줍니다.

짧은 문장에서는 모르지만 긴 문장에서는 어디가 틀렸는지 확실히 알 수 있게 해주죠.

이상으로 PHP 함수에 대해서 공부했습니다. 읽어주셔서 감사합니다.

안녕하세요. 오늘은 PHP 반복문에대해서 알아보겠습니다.

반복문은 크게 4가지가 있습니다. (if문, switch문, while문, for문)

하나하나씩 보겠습니다.

1. if문

처음은 if문 입니다. if의 뜻이 '만약'이라는 뜻이죠.

문자 그대로 '만약 ~~ 한다면 ~~해라' 라는 문장이 됩니다.

그럼 문법을 보겠습니다

                                                                  if ( 조건1 ) {

                                                                    문장1;}

                                                                  else if ( 조건2 ) {

                                                                    문장2; }

                                                                 else 문장3;

조건이 참일시 문장을 실행하는 것입니다.

예를 들면 조건1이 참이면 문장1을, 조건2가 참이면 문장2를 둘다 아니다 하면 문장3이 실행됩니다.

else if는 부가 적인 조건을 제시 하는 것이므로 제작하는 분 마음대로 추가 하시면 됩니다.

if (조건1) {

        if (조건2) {

               (문장1;} }

그리고 위에 있는것은 중첩 if문 입니다. 이 문장은 조건1의 문장에서 조건1이라는 조건을 제거 하고

안으로 들어가서 조건2를 비교해서 실행해주는 문장 입니다. 2중으로 걸러냈다고 할 수 있겠네요.

2. switch문

switch문의 기본 문법부터 보시겠습니다.

switch (변수) {                                                  

case "변수이름" : 실행할 문장1;

break;                                

case "변수이름2 : 실행할 문장2

break;                                

 case "변수이름 3 : 실행할 문장3

break;                                

default : 실행할 문장4            

기본 형태 인데 switch문은 변수가 입력을 받을때 비로소 빛을 보는 형태 입니다.

변수를 입력 받으면 각 case에 맞게 실행이 되는게 특징이죠.

switch문을 응용하면 어떤 if문 으로 구성된것들은 switch문으로 바꿔서 쓸수도 있습니다.

default는 case에 없는 조건이 입력되었을때 실행하는 문장입니다.

3. while문

while문 이라고 간략히 말했지만 while문 과 do while문 2가지가 있습니다.

3-1 while문

while ( 조건 ) {

문장1;

문장2;

문장3;

}             

while문의 기본형태 인데요. while의 안에서 문장이 조건에 만족하지 않을때 까지 계속 실행되는 것이 특징입니다.

만약 a가 10번 출력되기를 바란다면

$i = 0;                           

wihle ($i < 10) {              
    echo "a를 출력 <br>";
    $i++;                       
}                          

이렇듯 조건에서 'i가 10보다 작아야 한다' 라고 했습니다.

이럴때 i는 0부터 시작이라 9까지 하면 카운트는 10번하겠죠.

그리고 i가 10이 되면 같이 때문에 조건에 만족하지 않으므로 wihle문은 실행을 멈추게 됩니다.

3-2. do while문

while문과 문법이 다를뿐 크게 차이점은 없습니다.

do {                        

문장1;            

문장2;            

문장3;            

} while ( 조건 );

do가 앞으로 오고 while이 뒤로 간것일 뿐입니다. 그리고

주의하셔야 될점은 while뒤에 ; 를 붙이셔야 합니다.!

4. for문

PHP에서 for문은 C언어와 비슷합니다. 위에 여러 조건도 다 비슷했지요.

하지만 특이하게도 foreach문이라는 반복문도 있습니다. 하지만 우선은 for문부터 정리해보겠습니다.

for ($i=0; $i < 10; $i++) {

문장1;                   

문장2;                   

}                                

많이 어렵지 않습니다. ㅎ C언어를 하신 분이라면 충분히 아실겁니다.

문제는 foreach문입니다. 들어가기 앞서 foreach문이 잘 사용되는 배열부분을 설명하겠습니다.

배열

PHP에서 배열선언은 변수 선언과 다를것없이 쉽습니다.

$score = array(80, 99, 100, 77);                                                   

$subject = array ("과학"=>80, "영어"=>99, "수학"=>100, "체육"=>77);

2가지 선언을 했는데요. 위에 배열은 1차원 배열입니다.

1차원 배열은 score라고 쓴 박스를 한줄로 쭉 놓은 것을 상상해보세요.

2차원 배열은 score 박스를 놓은 것에 박스 안을 몇등분을 해놓은걸로 상상하시면 쉬우실겁니다.

그리고 특이한 점이 $subject["음악"] = 85; 따로 선언을 해주시면

subject배열안에 "음악"=>85 가 들어 갑니다.

4-2. foreach문

그럼 foreach문을 한번 해보겠습니다.

foreach ( $score as $value) {

echo "$value <br>";      

}                                  

foreach문 안에 문법은 ( 배열이름 as 값을 부를 이름) 입니다. $value가 아니라 $a 라고해도 되죠.

다음은 2차원 배열입니다.!

foreach ($subject as $sub => $score) {

문장1;                                   

}                                               

2차원 배열과 1차원 배열의 차이가 보이시나요?

배열이름 뒤쪽에 무엇인가 하나가 추가되었죠.

2차원 배열에서 과목의 이름을 key값이라 하고 점수를 value라 하죠.

(배열이름 as 키이름 => 값이름) 배열에서 선언때 처럼 나열해주시면 됩니다.

이상으로 PHP에서 반복문을 알아 보았습니다. 읽어주셔서 감사합니다.

이번에는 PHP의 기본적인 문법을 공부하도록 하겠습니다.

1. 주석

먼저 주석에대해서 배워보겠습니다. PHP에서 주석을 다는 방법은 3가지가 있는데요. 3가지는

보이는것 같이 // 와 # 은 한줄을 주석으로 처리합니다. 같은 줄 이 뒤에 오는 내용은 모두 주석처리가 되죠.

(같은 줄만 해당됩니다!)

그리고 /* 으로 시작되는 주석은 /* 으로 시작해서 내용을 쭉 기재하고 */ 로 묶을수 있습니다. 줄에 상관 없이 말이죠.

2. 변수 선언, 출력

사실 변수선언은 간단합니다.

먼저 a라는 변수가 5라는 값으로 정의가 되죠. 그리고 PHP에서의 출력은 echo라는 명령어를 사용합니다.

2가지 방법으로 출력이 가능하죠. 

변수만 단독으로 출력할때는 상관없지만

echo " A : $a "; 와 같이 나오면 화면에 A : 5 라는 값으로 출력됩니다.

단어나 문장이 나올때는 쌍따옴표로 묶어주어야 되죠!

그리고 주의하실점이 쌍따옴표로 묶더라도 $a의 바로뒤에 $a입니다."; 처럼 '입니다'를 붙여 주면 

그것 역시 변수의 이름으로 알기 때문에 $a 입니다"; 처럼 띄어서 사용해주셔야 됩니다.

이렇게 말이죠. ^^

3. 상수 정의

위에 사진처럼

PHP의 상수 정의의 기본형은 define ("정의 이름", 상수 값, 대소문자구별여부); 입니다.

4. PHP입력처리

PHP에서의 입력값을 받는 곳은 주소줄에 있습니다.!

localhost/폴더명/파일?변수명=변수값 같이 입력을 해주시면 됩니다.!

그리고 코딩시에는 처럼 해주시면 됩니다.!

이렇게 되면 출력시에는 echo $x; 를 써주시면 되고 변수값을 입력하실때에는

눈치 채셨나요? PHP내부에서의 변수는 $x가 되지만 입력시에는 $_GET[]의 내부에 있는 m값으로 해주셔야 됩니다.

이상으로 PHP의 기초적인 문법을 몇가지 알아봤습니다. 감사합니다.

PHP 코딩을 위해서 필요한 프로그램을 모두 설치 했으니 이제 코딩을 시작하도록 하겠습니다.

1. 먼저 Brackets을 실행해주시고 저번에 생성한 저장할 폴더를 선택해주세요.

2. 선택이 완료 되셨으면 파일 - 새파일을 눌러줍시다.

3. 이 상태에서 우측 아래쪽에 스페이스 4 라고 적혀있는 곳에서 Text란을 눌러 줍니다.

4. 이 곳에서 PHP를 이용해서 코딩을 해야하니 설정을 PHP로 바꿔줍니다.

5. 이제 기초적인 코딩을 시작합니다.

여기서 맨 처음 <!doctype html  문장을 적어주는 것은 웹 브라우저에게 "html 문서를 처리 하겠습니다" 라고 말하는 것이고 이것을 알려줫으니 그 버전에 맞게 해석하라고 알려주는 선언입니다.

그리고 모든 php문장은 <?php 로 시작하여 내용이 들어가고 끝은 '?>' 으로 끝내 주는것이 php만에 문법입니다.

이제 코딩도 해보았으니 실행을 시켜봅시다. 파일을 저장해줍니다. (이때 저장하실때 hello.php 같이 확장자명도 다써주셔야 합니다!)

XAMPP에서 아파치를 실행합니다. 그리고 웹 브라우저 주소창에 localhost를 실행해서 실행을 확인 해주시고, 다음 이어서 

localhost/폴더명/파일명.php를 치시면 코딩의 결과가 짜잔

이제 발걸음을 뗀 수준이라 큰 포털 사이트와 같은 화려함은 없지만 차근차근 하다보면 큰 사이트를 만들수 있는 능력이 길러질겁니다. 

오늘은 여기까지 진행 하겠습니다. 읽어주신분들 감사합니다.

저번 글에 이어서 PHP를 이용한 웹 프로그래밍을 위해서 개발 환경을 구축 중 인데요. 

XAMPP에 이어서 Brackets를 설치하겠습니다. 이 프로그램은 C언어로 치면은 Visual studio와 같은 프로그램인데요.

이번 역시 구글이나 네이버와 같은 검색엔진에 Brackets를 치시고 다운로드 사이트에 들어가주시면 됩니다.

최신버전을 다운 받으시고 인스톨 파일을 설치해주세요. (따로 옵션을 지정할 것은 없고 저장경로는 여유가 되는 드라이브에 설치하시면 됩니다.)

설치를 완료하시고 프로그램을 실행해주시면 

기본적인 브라켓 초기 창이 나타납니다.

그 다음으로 해주실 일이 있는데 바로 작업 폴더를 설정해주시는 겁니다.

왼쪽 위에 배너에서 파일 - 폴더열기 - XAMPP - hddocs - 생성한폴더를 선택해주시고 폴더선택을 눌러주시면 됩니다.

저 같은 경우네는 E드라이브 - XAMPP - hddocs - 폴더 를 선택해서 지정하였습니다.

지정까지 완료해주시면 PHP를 이용한 웹프로그래밍 개발을 하실 준비가 되신겁니다.

이제 환경이 갖추어져으니 다음부터는 PHP언어를 시작하겠습니다. 감사합니다.