js,php 기초문법, 로그인 기능 구현

생활코딩 <웹애플리케이션 만들기> 동영상 강의를 통해 웹개발에 대한 기초지식을 쌓고 있어요 !

​

그래서 제가 올리는 웹개발포스팅들은 당분간은 생활코딩이 출처랍니당

https://opentutorials.org/course/1688

 

​

​

---

스터디 2주차에는 javascript와 php의 기초문법을 공부하고, 로그인 기능을 간단하게나마 구현해보는 공부를 했어요

​

이전에 html이랑 css를 공부했었는데,

이번에 공부하는 javascript와 php는 이들과 차이점을 지니고 있어요!

​

· html과 css는 문서를 만드는데 용이한 언어예요. 정적이여서 한 번 제작하여 웹브라우저에 표시하면 사용자가 건들 수가 없어요. 문서제작에 용이하다는 말이 뭔지 알겠죠? 한 번 출력한 문서는 수정할 수 없잖아요.

​

· javascript와 php는 앱 제작에 용이한 언어로, 프로그램을 만들 때 많이 써요. 동적이여서 한 번 제작하여 웹브라우저에 표시하더라도 사용자가 클릭을 하거나, 입력을 하는 등의 행위를 하여 변형이 가능해요!

​

​

​

변수와 관련하여 js와 php의 문법을 공부해봅시당

· js는 변수에 별 다른 기호를 붙이지 않지만 php는 $를 붙여 변수임을 나타내요.

​

· js는 변수를 출력할 때, document.write() 함수를 사용하고, 괄호 안에 문자와 변수를 연결할 때 +를 사용한답니다.

​

· php는 변수를 출력할 때, echo 함수를 사용하고, 문자와 변수를 연결할 떄는 .을 사용해요.

​

위 코드의 결과로 "박수인님, 안녕하세요"가 출력되겠죠?!!

​

​

​

· js와 달리 php는 비교를 할 때 var_dump출력함수를 사용한다는 특징을 가지고 있어요 !

​

· js와 php 둘 다 비교의 결과로 true/false가 출력됩니닷

​

· 조건문은 뭐 별다른 설명을 달 필요가 없는 익숙한 형태예요.

​

​

​

엄청나게 간단하게 기초문법을 배우고나서 로그인기능을 구현해봤어요

js와 php 로 각각 만들어봤습니다 :)

먼저 js로 구현했어요!

저 prompt는 경고창을 띄어줘요

ID라는 변수는 경고창으로 입력받은 문자열이 됩니다.

PW도 이와 같아요.

prompt 경고창

​

조건문을 사용하여

만약 입력받은 변수 PW의 값이 "1111"이면

비밀번호 입력

"tndls3026(아이디 입력 창에 쓴 ID)님, 안녕하세요."가 출력되고,

조건문이 참일 경우

그렇지 않으면

잘못된 비밀번호 입력

틀린번호를 입력하였다고 출력되도록하였습니다.

조건문이 거짓일 경우

​

​

​

이번엔 php로 구현해봅시다

php로 구현한 건 좀 더 복잡해보이네요.

ID와PW를 입력할 수 있는 입력칸을 <input type="text"> 로 띄웁니다

그리고 <input type="submit">으로 제출할수 있는 버튼(?)도 만듭니다

그리고 비밀번호가 맞는지 조건문을 돌리는 건 따로 php파일을 분리해서 만들어줍니다.

$_GET[] 은 GET방식으로 전송된 값을 받습니다.

이와 비슷하게 $_POST[] 은 POST방식으로 전송된 값을 받습니다.

​

8-1.php파일에 우리가 입력한 아이디와 비밀번호값은 8-2.php 파일에 넘어갑니다. 이때 url에 생기는 변화를 주목해야합니다!!

8-2.php 파일로 바뀌면서도 제가 8-1.php 파일에서 입력한 정보가 그대로 넘어가면서,

조건문이 실행되며 그 결과가 출력됩니다.

​

url을 자세히 살펴보면 ? 뒤에는 정보값이 표시된다는 걸 확인할 수 있어요

ID는 tndls3026이고, PW는 1111이라는 것을 발견할 수 있어요

이와 관련해서는 다음 포스팅에서 더 애기해봅시닷

​

​

​

마지막으로 배열과 반복문 생성을 공부했어요

· JS부터 살펴보면

배열을 생성할 때는 new Array()를 사용해 안에 배열의 요소들을 입력합니다.

​

·PHP는

배열을 생성할 때는 array()를 사용해 안에 요소들을 입력합니다.

​

이때, 배열은 변수 list에 담아줍니다.

​

·반복문으로는 while문을 사용하였어요. 배열요소가 모두 출력될 때까지 실행되도록 조건문으로 i< list.length (js), $i<count($list) (php) 을 넣었어요. 만약에 i가 배열의 길이랑 같거나 커진다면, 조건문의 결과는 false이므로 반복문이 종료됩니다.

​

​

​