웹에플리케이션 만들기 – JS, PHP 프로그래밍 9-2-1 : php 로그인앱 소개

이번 시간에 우리가 살펴볼 내용은 php로 로그인 어플리케이션을 만들어보는 법에 대해서 알아보겠습니다 그런데 이 수업은 우리 웹 어플리케이션 수업 전체가 끝나고 꽤 시간이 지난 뒤에 이야기가 좀 어렵다라는 피드백들이 있어서 새롭게 만들어 본 수업입니다 그래서 조금 맥락이 약간 어긋나 있는 듯한 느낌 또는 제 말투의 어떤 변화 이런 것들이 좀 느껴지실 수도 있어요 자바스크립트에서 로그인을 어떻게 하는 건지는 보셨고 자아, 이번엔 우리가 살펴볼 것은 PHP에서 어떻게 할 것이냐인데 보통 우리가 웹사이트에서 로그인을 한다고 하면 사실은 이런 느낌으로 로그인을 하죠 비밀번호 아이디도 있겠지만 ID와 비밀번호를 입력하는 텍스트필드라는 것이 있고 거기에다가 이렇게 비밀번호를 입력해서 제출 버튼을 누르면 그러면 사용자가 입력한 비밀번호가 서버로 전송이 되는 방식으로 로그인이 이루어집니다 물론 실제 서비스에서는 이렇게 비밀번호를 입력하는 부분에서 이렇게 글씨 내용이 보이는 것이 아니라 이렇게 별표 표시가 되는데 그런 것들은 지금 우리한테 중요한 게 아니죠 자 아무튼 제가 이렇게 입력하고 제출버튼을 누르면 여러분들은 어디를 봐야 되냐면 현재 우리가 실행시킨 이 PHP 어플리케이션은 8-1php 인데요 여기서 제가 제출 버튼을 눌렀을 때 이 URL에 어떤 변화가 생기는지를 한 번 유심히 살펴 보시면 됩니다 자 한번 제출 버튼을 눌러 볼게요 자, 보시는 것처럼 8-2php가 열렸죠? 그리고 뒤에 password는 111111 이라고 하는 비밀번호가 전달이 된 겁니다 그런데 지금 우리가 아직 8-2php가 어떻게 생겼는지 지금 아직 보지 못했지만 요 곳은 비밀번호가 1이 4개 일 때 로그인되는 애플리케이션이애요 근데 지금은 우리가 여섯 개를 입력한 상태였기 때문에 뉘신지 라고 물어본것이죠 자 그러면 제가 비밀번호 1111을 한 번 입력해볼께요 하나 둘 셋 넷 그리고 제출버튼을 눌렀을 때 URL이 어떻게 바뀌는지보세요 자 보시는 것처럼 8-2

php로 php가 열렸고 그리고 password는 1111 이 요렇게 뒤에 붙은 것을 볼 수 있죠 그리고 그에 따라서 로그인이 성공했기 때문에 안녕하세요 주인님이라고 하는 저런 텍스트가 화면에 표시가 된 것이죠 우리가 아직 코드가 어떻게 생겼는지 보지는 못했지만 여기서 중요한 것은 요렇게 생긴 화면에서 제가 비밀번호를 입력하고 뭐 꼭 비밀번호일 필요는 없습니다 비밀번호일 수도 있고 글을 작성하는 화면이면 글 제목일 수도 있겠죠 그리고 제출버튼을 눌렀을 때 예~ 보시는 것처럼 새로운 PHP 애플리케이션이 열리면서 이렇게 정보를 정보를 전달할 수 있다는 것이죠 그에 따라서 실행결과가 달라진다 라는 것 이것이 가장 중요한 내용입니다 자 그러면 우리가 여기서 조금 더 응용을 해서 방금 보셨던 이런 화면 있잖아요 이런 화면을 통하지 않고도 우리가 이 8-2php 아직 그 코드를 본 적도 없는 저 PHP 애플리케이션이 동작되는 결과를 다르게 할 수 있는 방법이 무엇일까요? 바로 여기 있는 password 라고 하는 적혀있는 이 부분에 우리가 직접 값을 입력해서 예, 여기 있는 이 부분에 결과를 다르게 할 수도 있다는 것이죠 자 예를 들어서 여기다가 1111 이라고 입력하고 엔터를 치면 안녕하세요 주인님 이 뜹니다 자 그런데 제가 여기다가 아무거나 막 입력해요 다시 말해서 틀린 비밀번호를 입력하고 엔터를 치면 보시는 것처럼 뉘신지라고 하는 텍스트가 뜨게 된다는 것이죠 자, 이것이 가능한 이유는 여기 보시는 8-2php 우리가 이제 만들 8-2php 가 이 물음표 뒤에 따라오는 password 의 값이 무엇이냐에 따라서 다르게 동작하고 있다 라는 것이 굉장히 중요한 사실입니다 물론 이 부분은 뒤에서도 여러 번 이것과 관련해서 여러분들에게 설명을 드릴 것이기 때문에 혹시 지금 이해가 안 간다고 하더라도 너무 실의에 빠지실 필요는 없습니다 원래 좀 어려운 내용이니까요 자 다시 한번 따져 봅시다 8-2

php 는 예~ password 의 값이 무엇이냐에 따라서 다르게 동작한다 그 얘기는 뭐냐 이 password의 값이 무엇인지를 우리가 만들 8-2php 는 알 수 있어야 돼요 그렇죠? 그리고 이 password 의 값이 무엇인지에 따라서 추측해보세요 8-2php PHP 애플리케이션은 그 password의 값을 1111 인지 아니면 1111 이 아닌 지에 따라서 로그인을 시켜주거나 로그인을 시켜주지 않거나 하는 것을 가능하게 하는 코드가 8-2php 안에 있으면 되겠죠? 그게 뭐겠어요? 바로 조건문인 것이죠 형태는 상당히 다르게 보일 수 있어도 이 자바스크립트와 PHP는 동작하는 방법은 사실은 거의 비슷합니다 자 그러면 간단하게 어 여기에 8-1php 즉, 사용자의 입력을 받는 화면을 한 번 살짝 살펴보고 우리의 주인공인 8-2

php의 내용을 좀 더 깊게 살펴보도록 하죠

웹에플리케이션 만들기 – JS, PHP 프로그래밍 9-1 : JavaScript 로그인앱

이번 시간에는 로그인 기능을 구현하는 방법에 대해서 살펴보겠는데요 지금까지 우리가 배운 것을 중간 정리하는 단계라고 보시면 되겠습니다

특히나 조건문이 중요하게 사용이 될 거에요 우선 Javascript부터 살펴볼 건데요 여러분들 좀 검은색과 흰색이 왔다 갔다 하면서 눈이 아프실 거 같아서 제가 색깔을 좀 밝은 색깔로 바꿔봤습니다 잘 찾아보시면 색깔 이런 테마 같은걸 바꿀 수 있는 기능이 있어요 시작해보죠

저는 7php라는 파일을 만들었고요 여기에서는 Javascript를 이용해서만 로그인을 구현해 볼 겁니다 여기서 우리가 이 수업을 진행하기 전에 여러분들이 먼저 좀 알아두셔야 할 기능이 있는데 프롬프트라는 기능입니다 프롬프트

P R O M P T 여기에다가 비밀번호라고 이렇게 적어 주고요 우리의 페이지를 열어보면 이런 화면이 뜹니다 그리고 비밀번호를 물어봐요 거기에다가 111111이라고 입력하고 확인을 누르면 됩니다

여기보시면 여기 있는 이 프롬프트라고 하는 이 명령이 방금 보셨던 그 창을 띄운거에요 거기에 비밀번호라고 이렇게 적어 주시면 이 명령어로 인해서 이렇게 생긴 창이 뜨면서 여기에 있는 비밀번호라고 하는 텍스트가 여기에 들어가게 됩니다

그러면 사용자가 여기에다가 비밀번호를 입력할 수 있겠죠? 예를 들면 111111 그리고 확인을 누르면 되는데 사용자가 입력한 정보를 우리가 받기 위한 방법은 여기에다가 패스워드라는 변수를 이렇게 주면 됩니다 한번 해볼게요 이렇게 경고창이 뜨면 어떻게 된 거냐 하면 Javascript 이 부분에서 여기가 먼저 실행이 된 거에요 그래서 비밀번호를 이렇게 물어보는 거죠 그리고 여기에다가 뭔가를 입력하면 입력하고 확인 버튼을 누르면 그러면 여기에 있는 이 부분에 값이 바로 여기에 입력한 값이 됩니다

그러면 자연스럽게 그 값이 패스워드로 들어가서 패스워드의 값은 여기에 입력한 값과 패스워드의 값이 같은 값이 된다는 거죠 그래서 한번 확인해볼까요? 여기서 제가 documentwrite(password);라고 이렇게 하고 실행을 시켜보겠습니다 F5 그리고 1111 확인 버튼을 누르면 보시는 것처럼 사용자가 입력한 정보를 이 Javascript가 알아낼 수 있게 되는 거예요 바로 이런 작업들은 HTML, CSS는 할 수 없는 일입니다

즉 사용자의 생각을 받아내서 어떤 일을 처리하는 것, 그것을 Javascript나 php는 할 수 있지만 HTML이나 CSS는 할 수 없는 일이에요 그러면 그렇게 받은 정보를 가지고 우리 한번 로그인 기능을 구현해보죠 물론 이렇게 로그인을 구현하면 절대 안 됩니다 이거 아주 허접한 방법이에요 그런데 이건 이걸로도 우리 같은 시사점이 많죠

만약 패스워드가 1111과 같다면, 그러면 어떻게 되는 거예요? 정상적인 접근이 되는 거죠? 안녕하세요 주인님 만약에 패스워드가 같지 않다면 뉘신지? 이렇게 그리고 실행을 한번해보죠 비밀번호를 입력하라고 해요, 그러면 요거는 어디까지 온 거냐 하면 여기까지 온 거죠? 그리고 여기에 비밀번호를 입력하면 그거는 패스워드로 들어가게 됩니다

1111이라고 하고 확인을 누르면 여기의 값은 이제 1111이 되면서 얘와 비교를 하면 이거 전체는 true가 되죠? 그러면 자연스럽게 if 안에 있는 이 부분이 실행이 되겠죠 한번 해볼게요 확인 안녕하세요 주인님이 뜹니다

그 다음에 F5를 누르고 1을 하나만 넣어볼게요 그리고 확인 누르면 뉘신지가 뜨는 거죠 이로써 우리에게 있어서 이 웹페이지 전체가 말하자면 확정된 상태가 되요 확정된 상태 우리는 이 웹페이지를 더 이상 수정할 필요가 없어집니다

대신에 사용자가 여기에 어떠한 값을 입력했느냐에 따라서 이 if문에 있는 이 부분의 동작 방법이 달라지게 되는 것이죠 즉, 이 프로그램에서 변할 수 있는 부분을 완전히 프로그램 바깥쪽에 사용자가 조작하는 쪽으로 몰아내서 이제 우리가 일반적으로 얘기하는 제대로 된 프로그램 같은 모양이 나오게 된 것이죠 어때요? 그렇게 멋진 것은 아니지만 어쨌든 무언가 프로그램 같은 걸 만든 것 같지 않으신가요? 예 여기까지 하고요 다음 영상에서는 php를 이용해서 로그인을 하는 방법을 우리 살펴보죠

[안드로이드 프로그래밍] 안드로이드 프로그래밍 기초, 코스 소개 영상

인터넷으로 물건 사 보셨어요? 인터넷으로 쇼핑할 때 보통 웹을 많이 사용했었는데 지금은 앱을 더 많이 사용한다고 해요 스마트폰을 다들 들고 다니니까 훨씬 편한 거죠

스마트폰은 안드로이드로 만들어진 게 80% 이상이고요 아이폰이 나머지를 차지해요 그러니 이제는 자연스럽게 안드로이드나 앱이라는 말을 자주 듣게 돼요 IT에 대해 아무것도 몰라도 앱은 아니까 앱에 대해서 조금만 더 흥미가 생기면 앱을 어떻게 만들지? 하는 관심이 생기는 그런 시대예요 이 안드로이드 기초 코스는 안드로이드 앱 개발을 원하는 분들을 위해서 만들어진 기초 강의예요

온라인으로 동영상을 보면서 따라하고 배우는 방식이라서 언제 어디서든 공부할 수 있다는 장점이 있죠 또, 영화 앱을 만들어가는 과정을 단계 별로 하나씩 따라가기 때문에 이 코스를 마칠 때쯤에는 실무형 앱을 직접 만들 수 있는 수준 정도가 될 수 있어요 여러분이 영화 앱을 하나 완성하는 게 목표죠 보통 온라인 강의는 강의실에서 듣는 오프라인 강의만큼 집중하기 힘들다고 얘기하는 분들이 많아요 질문을 바로바로 할 수 있는 것도 아니죠

그래서 이 코스에서는 멘토에게 질문하고 답변을 받을 수 있게 되어 있어요 온라인 강의이긴 하지만 코스를 따라가다가 걸리는 문제가 있어도 좀 더 빨리 해결할 수 있죠 여러분이 각 단계를 하나씩 넘어갈 때마다 프로젝트를 제출하게 되어있는데요 프로젝트를 제출하면 끝나는 게 아니라 여러분이 만든 것에 대해서 리뷰어가 아주 친절하게 피드백 해 줄 거예요 이렇게 코드를 리뷰하고 반복적으로 다시 작성하다 보면 코딩에 훨씬 더 익숙해질 거고요

학교에서 공부하고 계세요? 아니면 창업을 준비 중이세요? 그것도 아니면 재직 중이거나 취업하려고 배우는 것일 수도 있겠네요 자, 우리 같이 이 안드로이드 기초 코스를 따라가봐요 그러면 여러분 각자의 목표가 좀 더 가까이 다가올 거예요

Android Application 프로그래밍 초급 5강 프로젝트 생성 및 실행 | T아카데미

본 강의의 교재 및 실습 관련 자료를 다운받으시려면, T아카데미 홈페이지를 방문해주세요, (홈페이지>온라인강의>강좌수강신청>자료다운로드)