Katie Kicinski: MPH PHP Class of 2016

UMass 온라인 코스를 선택했기 때문에 편리했습니다 내 작업 일정 때문에

나는 풀 타임으로 일을하고 학교로 돌아가고 싶었습니다 하지만 내 스케줄에 맞춰서 뭔가를 찾지 못했습니다 그리고 내가 내 인생에 있었던 곳 그래서 나는 UMass를 발견했습니다 그것은 내가 사랑한 인정받은 것입니다

내가 UMass를 선택하기 전에, 나는 잠시 동안 쇼핑했다 나는 실제로 내가 살았던 지역 프로그램을 보았다 마지막으로 UMass를 발견하기까지는 약 2 년이 걸렸습니다 그게 나를위한 프로그램과 대학이라는 것을 깨달았습니다 나는이 프로그램을 좋아한다

나는 그것이 굉장하다고 생각했다 선생님들과 교수님 들께서 많은 도움이되었습니다 Lori Peterson은 위대했습니다 그녀가 질문이 있으면 항상 그녀를 이용할 수있었습니다 그녀는 나에게 너무 빨리 반응했다

나는 커리큘럼을 좋아한다 나는이 프로그램에 대한 모든 것을 좋아했습니다 나는 풀 타임으로 교수가되고 싶다 그래서 저는 현재 Buffalo에있는 한 지역 대학에 부속되어 있습니다 그래서 내 경력 경로에서 앞으로 나아가려면, 저는 스승님을 사귀고 싶었고 앞으로도 계속하고 싶었습니다

웹에플리케이션 만들기 – 데이터베이스(MySQL) 이론 2

지금부터 데이터베이스 이론 두 번째 시간을 시작하겠습니다 이제 본격적으로 MySQL을 사용하는 방법을 알아보겠는데요

제가 앞서 간단하게 언급한 것 처럼 MySQL은 서버와 클라이언트의 구성을 가지고 있습니다 그래서 이 클라이언트가 서버에게 어떤 정보를 요청하면, 서버는 클라이언트에게 서버에 저장되어 있는 정보를 꺼내서 보내주게 됩니다 MySQL이라고 하는 데이터베이스도 클라이언트-서버의 관계를 가지고 있죠 그리고 우리 수업의 전체적으로 가장 중요한 것이 서버-클라이언트라고 말씀드렸죠 보시는 것처럼 서버-클라이언트라고 하는 이 구조는 비단 웹에서만 사용되는 것이 아니라 MySQL과 같은 데이터베이스 시스템에서도 사용되는 구성입니다

즉 인터넷, 네트워크 이런 것들이 관련되어 있다면 그것은 대부분 서버와 클라이언트라는 그런 체계 위에서 동작한다고 생각하시면 되겠습니다 그런데 이 MySQL에서 가장 핵심적인 기술은 이 서버 쪽의 기술이에요 “정보를 어떻게 잘 관리하느냐“라는 것이 바로 이 서버에서 이루어지는 일이거든요 그렇다면 클라이언트라는 것은 무엇일까요? 이 MySQL과 관련된 여러 가지 클라이언트들이 존재합니다 그 중에는 이 MySQL을 만든 회사에서 제작한 클라이언트들도 있고 또 그렇지 않은 여러 회사에서 제작한 다양한 클라이언트가 있을 수가 있습니다

그 중에서 우리는 어쨌든 어떤 클라이언트를 쓰긴 써야 되는데 무엇을 쓸 거냐면 MySQL monitor라고 하는 프로그램을 사용해서 MySQL Server를 제어할 거예요 이 MySQL monitor라고 하는 것은 여러분이 MySQL을 설치하면 MySQL Server와 함께 기본적으로 설치되는 기본 프로그램입니다 그렇기 때문에 MySQL이 설치되어 있다면 MySQL monitor도 설치되어 있는 것을 의미하기 때문에 이 MySQL monitor는 이 표준적인 MySQL 클라이언트라고 할 수 있어요 그런데 MySQL monitor의 단점은 조금 사용하기가 어렵다는 거에요 우리가 명령어를 통해서 데이터베이스를 제어하는 그런 방식으로 동작하기 때문에 여러분들이 MySQL monitor를 처음에 사용할 때는 조금 익숙하지 않아서 불편한 느낌이 들 수가 있습니다

바로 그러한 이유 때문에 이 EXCEL 같은 GUI 환경에서 graphical한 환경에서 이 데이터베이스 서버에 접속해서 이런 저런 작업을 할 수 있는 다양한 Tool들이 존재합니다 하지만 그런 Tool들은 여러분이 구매를 하셔야 되거나 설치를 해야 되거나 아니면 사용할 수 없는 환경일 수 있거나 그런 여러 가지 단점들이 또한 존재하기 때문에 기본은 MySQL monitor입니다 특히나 MySQL monitor는 이 데이터베이스 서버가 동작하는 모습을 아주 투명하게 보여준다는 점에서 교육적인 가치가 높습니다 그래서 우리는 MySQL monitor를 이용해서 이 MySQL Server가 어떻게 동작하는지를 알아 볼 거에요 이 MySQL monitor는 모든 MySQL 배포판에 기본으로 탑재되어 있지만 이것을 실행하는 방법이 운영체제 마다 조금 다를 수 있습니다

그래서 저는 운영체제별로 MySQL monitor를 실행시키는 방법을 설명을 드릴테니까요 다른 사람의 운영체제 다른 운영체제가 나오면 그냥 구경하시고, 자기 것이 나오면 따라하시면 되겠습니다 그러면 Window에서 MySQL monitor를 실행하는 방법부터 살펴보겠습니다 우선 윈도우 키, 이렇게 생긴 것이 윈도우 키입니다 윈도우 키를 누르고 있는 상태에서, 알파벳 “R”을 누르시면, 이렇게 생긴 화면이 뜹니다

그럼 거기에 “cmd”라고 입력하고, 확인 버튼을 누르시면 되요 그러면 명령어를 통해서 컴퓨터를 제어할 수 있는 “명령 프롬프트”라는 것이 떠요 바로 이것을 이용해서 MySQL monitor를 사용하면 되고요 만약 단축키를 이용해서 실행시키는 것이 어렵다면, 잘 찾아보시면, 이 운영체제에 검색 기능이 있을 겁니다 거기에 “명령 프롬프트”라고 입력하시면, 이렇게 생긴 아이콘의 프로그램이 검색이 될 거에요

그러면 저것을 실행시키시면 됩니다 그 다음에 MAC 사용자라고 한다면,  여기 “Spot Light”라는 것을 실행시켜서, 여기에 “Terminal”이라고 입력하고 엔터를 치면, 이렇게 생긴 프로그램이 실행이 될 겁니다 그러면 성공적으로 터미널을 실행시킨 것입니다 Window는 “명령 프롬프트”, MAC 에서는 “Terminal“ 이라고 부르는 것은 똑같은 취지의 프로그램입니다 그 다음에 Ubuntu 에서 한 번 해보죠

Ubuntu는 Linux입니다 여기서 이 프로그램을 선택하는 검색할 수 있는 이 화면에서 보시는 것처럼 “terminal”이라고 입력하시면, 터미널에 해당되는 프로그램이 뜰 건데요 저것을 클릭하시면 이런 화면이 뜹니다 그러면 역시 마찬가지로 터미널을 성공적으로 실행시킨 거예요 다시 Windows 환경으로 돌아왔습니다

이제 MySQL monitor를 이 명령 프롬프트에서 실행시켜야 되는데요 MySQL monitor는 어디에 있냐면? 윈도우 탐색기를 켜고, “Bitnami”로 가서, “wambstack”으로 들어가시면, MySQL이라고 하는 디렉토리가 있습니다 그 안에 “bin“이라는 디렉토리가 있는데, 바로 저 디렉토리에 ”mysql“이라고 적혀있는 응용 프로그램이 MySQL monitor입니다 그럼 이 프로그램을 우리가 명령 프롬프트에서 실행을 시키면 되는 되요 “오른쪽 클릭”을 한 번 해보세요

그리고 “속성” 그러면 이 파일이 위치하고 있는 디렉토리가 이렇게 나오거든요 “C drive” 이렇게 그럼 이것을 복사합니다 그 다음에 명령 프롬프트를 띄우고요 여기에서 현재 우리가 위치하고 있는 디렉토리를 방금 보셨던 MySQL monitor프로그램이 위치하고 있는 디렉토리로 이동을 할 거에요 그때 사용되는 명령어가 “cd”입니다

외우려고 하지 마세요 change directory 란 뜻이고, 여기서 붙여넣기를 하시면 됩니다 붙여넣기를 할 때는 마우스 오른쪽 클릭을 하시면 되고요 만약에 오른쪽 클릭이 안되면 여기에서 “오른쪽 클릭”, “속성” 그리고 “옵션”으로 가셔서 “빠른 편집모드”를 체크해 주시면 그러면 될 겁니다 그렇게 해서 이렇게 한 다음에 엔터를 치시면 아무 에러 메시지가 없으면 잘 들어오신 거에요

만약에 이 방법으로 잘 안된다면 이런 방법을 쓰시면 됩니다 다시 제가 이렇게 "cd” 방금 입력한 것은 따라하지 마시고 "cd" change directory 그리고 "c:" 그리고 원화() 표시, 그 다음에 bit(“cd c:bit”) 라고 입력하시고, Tab 키! Tab 키는 Caps lock과 숫자1, Q 사이에 있는 것이 Tab 키 입니다 Tab 키를 누르면 자동으로 디렉토리의 이름을 완성 시켜줍니다 그리고 원화표시(“”), 그 다음에 “wampst“까지 입력 하시고 Tab 키를 다시 누르시면 나머지 디렉토리의 이름을 자동으로 완성해 주고요 “mysqlbin”이라는 디렉토리로 들어오시면 똑같은 방법으로 들어 온 겁니다

여기까지 잘 따라오셔야 되요 그 다음에 OSX라고 한다면 방금 보셨던 윈도우 사용자랑 똑같은 방식으로 처리하실 수가 있어요 “cd /Appli”까지 입력하시고 Tab 키! 그 다음에 “mamp” Tab 키! 그리고 “mysql/bin” 엔터! 그래서 이 “bin”이라고 하는 것이 여기 표시가 되고 있으면 잘 들어오신 겁니다 그 다음에 Linux에서도 한 번 살펴보죠 “cd /opt/lamp” Tab 키! 그리고 “mysql/bin”엔터! 이렇게 에러 없이 잘 뜨면, 여러분들도 잘 들어오신 겁니다

그럼 이제 MySQL monitor를 실행을 할 차례인데요 잘 따라오셔야 되는데 걱정이 많이 됩니다 우선 Windows 부터 살펴보겠습니다 여기서 “mysql”이라고 입력 하시면 되요 그리고 “-hlocalhost –uroot –p”까지 입력하십시오

그리고 OSX 사용자(MAC 사용자)이면 “/”를 하셔야 합니다 앞에 ("")을 붙이셔야 되요 그리고 “mysql –hlocalhost –uroot –p”까지 입력하고요

Ubuntu도 똑같이 입력하시면 됩니다 “/mysql –hlocalhost –uroot –p” 그럼 이번에는 그 MAC에서 실습을 하겠습니다 너무 Windows 편애를 했으니까 이번에는 MAC에서 한 번 해보죠 엔터를 누르면, “Enter password:”가 뜰 겁니다

이것은 Windows도 마찬가지에요 “Enter password:”가 뜨죠 여기에 우리가 Bitnami를 설치할 때 데이터베이스 파트에서 입력했던 비밀번호가 있습니다 기억나세요? 제가 잊지 말라고 했던 것인데 저 같은 경우는 “111111”인 쓰면 안되는 비밀번호를 썼으니까 “1111111” 입력하고 엔터를 치겠습니다

아무것도 표시 안되도 입력된 거에요 믿음을 가지세요 엔터! Windows 같은 경우는 믿음까지는 필요 없어요 “111111” 이렇게 보이니까요 이렇게 뜨면 성공적으로 접속이 된 겁니다

여기 보시면 “Welcome to the MySQL monitor”하고 보이시죠 즉 MySQL monitor를 이용해서 우리가 MySQL Server에 접속한 것 입니다 이때 우리가 사용한 MySQL 이하에 있는 명령어들의 의미부터 한 번 살펴보죠 우선 MySQL monitor를 이용해서 MySQL 서버에 접속한 것이라고 했습니다 그때 사용한 “mysql –hlocalhost –uroot –p”가 무엇인가를 우리가 한 번 살펴보죠

우선 이 “mysql”이라고 우리가 입력한 이것은 이 MySQL monitor라고 하는 프로그램을 “실행 시키겠다”라는 의미가 되요 그리고 제가 줄 바꿈을 했지만 그냥 한 일렬로 길게 쓰는 거예요 그 다음에 “-h”라는 것은 무엇이냐면, -h 뒤에 따라오는 이것이 MySQL Server의 주소라는 뜻입니다 localhost가 무엇이였어요? 웹브라우저 입장에서는 웹브라우저가 설치되어 있는 바로 그 컴퓨터 자신이 localhost 였죠? 마찬가지입니다 MySQL monitor 입장에서 localhost는 MySQL monitor가 설치되어 있는 그 컴퓨터 자체를 가리키는 것이기 때문에 우리가 localhost 라고 입력한다는 것은 곧 MySQL monitor가 설치되어 있는 컴퓨터에 같이 설치되어있는 MySQL Server에 접속하겠다는 뜻이에요

만약에 MySQL Server가 MySQL monitor와 다른 컴퓨터에 떨어져있다, 이를 테면 opentutorialsorg 라는 주소에 해당되는 컴퓨터에 여러분의 컴퓨터에서 접속하려고 한다면, 여기 “–hlocalhost” 대신에 여러분들은 “-hopentutorialsorg“ 이렇게 적어주셔야죠 아시겠어요 즉 서버라는 것은 꼭 같은 컴퓨터에 있어야 되는 것이 아니다 라는 것입니다

그 다음에 “-u”라고 하는 것은 이 뒤에 따라오는 것이 관리자 아이디라는 뜻 입니다 즉 이 localhost에 존재하는 MySQL Server에 접속할 수 있는 관리자 아이디가 “root”라는 뜻이에요 그 다음에 “-p”라고 하게 되면 이것은 무슨 뜻이냐면, “비밀번호를 입력 받아라”라는 뜻입니다 여기에 여러분이 직접 비밀번호를 써 줄 수도 있어요 그런데 그렇게 하지 마세요

그렇게 하면 해킹을 당할 가능성이 크기 때문에 꼭 비밀번호를 입력할 때는 “-p”만 입력해 주시는 것이 권장되는 습관입니다 우리가 이제 데이터베이스 서버에 접속하는 것 까지 했으니까 여기서 영상을 좀 끊고 좀 쉬신 다음에 다음 영상부터는 데이터베이스의 구체적인 데이터베이스를 추가하는 작업을 해보겠습니다

PHP For loop, Foreach Loop – PHP Tutorial – 15

PHP 루프에서 for 루프는 반복 또는 반복을 의미합니다 지정된 횟수 동안 반복해서 코드 블록을 실행하려고합니다

for 루프는 코드를 실행하는 데 걸리는 시간을 알고있을 때 사용됩니다 for 루프 초기화 카운터, 첫 번째 카운터 증가 PHP의 카운터에는 foreach 루프가 있습니다이 루프는 배열에만 사용됩니다 집단 그것은 각 키를 통해 반복하기 위해 사용되었으며 값 쌍은 이제 for 및 foreach 루프 예제 어도비 드림위버 또는 다른 편집기를 시작하고 새로운 PHP 파일을 만듭니다 이제 여기에 for 루프를 작성하고 loop에 값을 지정합니다

우리는 $ a를 변수 for 루프의 루프에는 세 개의 매개 변수 counter first counter 카운터를 구현하여 카운터를 선언 한 후 조건을 지정하십시오 카운터 다음 증분 및 감소 카운터를 사용하여 여기에 $ a를 선언합니다 값이 1이고 $ a가 10보다 작은 지 확인하십시오 그러면 $ a ++ 이제 중괄호를 시작하고 $ a를 인쇄하십시오 지금이 파일을 저장하고 이것을 실행하십시오

예 루프가 성공적으로 실행되었습니다 그래서이 예제를 통해 PHP for for loop에 대해 배울 수 있습니다 이제는 각 루프에 대해 사용합니다 foreach 루프는 각 키를 통해 사용 된 배열 요소에만 사용됩니다 값 쌍은 변수를 선언하고 값을 할당합니다

여기 우리는 변수 이름 과일을 가져다가 망고 사과를 3 가지 값으로 할당합니다 오렌지는 이제 foreach 루프를 사용하고 키와 값 쌍을 사용합니다 여기서는 과일을 사용합니다 변수를 키로 사용하고 $ value 변수를 키 값으로 사용하여 $ value를 출력합니다 이 파일을 저장하고 실행 예 모든 배열 변수가 성공적으로 인쇄되므로 PHP foreach 루프입니다

고맙습니다 다음 비디오 튜토리얼 15 번을보고 PHP 기능에 대해 알아보십시오 단계별

PHP: mysqli

안녕하세요, 저는 알리 칸테 대학교 (University of Alicante)의 컴퓨터 과학 교수 인 Sergio Luján Mora입니다 그리고이 비디오에서는 "웹 개발 소개"과정의 일부입니다

PHP mysqli 확장의 주요 기능을 보여 드리겠습니다 시작하기 전에 내가 할 수있는 웹 사이트 몇 가지를 알려드립니다 저와 제 일에 대한 더 많은 정보와 저에게 연락 할 수있는 두 가지 방법을 찾으십시오 내 이메일 sergiolujan@ua

es와 트위터 계정 @sergiolujanmora를 통해 MySQL 데이터베이스에 액세스하는 PHP의 전통적인 확장은 물론 호출됩니다 MySQL 이 확장에서, 모든 함수는 접두어 "mysql_"로 시작합니다 오랜 시간 동안이 확장은 새 코드 작성에 권장되지 않습니다 있음 대신 mysqli 확장 또는 PDO_MySQL을 사용하는 것이 좋습니다

알 수 있듯이 이전 API는 개발 중에 있지 않으며 해결하기 위해 유지 관리됩니다 가능한 실패 많은 새로운 MySQL 기능은 이전 API에서 지원되지 않습니다 이 비디오에서 우리는 인터페이스를 제공하는 mysqli 확장의 가장 중요한 것을 볼 것입니다 향상된 속도와 보안을 제공하며 다음과 같은 새로운 기능을 제공합니다

준비된 문장의 지원, 여러 문장의 사용, 거래의 개선 및 디버깅 옵션 물론 공식 PHP 문서에서 더 많은 정보를 찾을 수 있습니다 이 확장에 대해 가장 먼저 알아야 할 점은이 확장이 두 가지 스타일을 제공한다는 것입니다 절차 적이며 객체 지향적이다

mysql의 이전 확장에서 향상된 확장으로 마이그레이션하는 것은 매우 간단합니다 호출되는 함수의 이름을 변경하는 것이 실제적으로 줄어들 기 때문입니다 비디오 "PHP : MySQL"에 표시된 모든 기능을 검토하면 이전 함수와 새 함수 사이에는 다음이 있습니다 데이터베이스 관리 프로그램 시스템과의 연결을 열고 닫으려면 mysqli_connect () 및 mysqli_close () 그리고 매우 흥미 롭습니다

새로운 함수 mysqli_connect_error ()는 문자열을 리턴합니다 마지막 연결 오류에 대한 설명과 함께 문의 할 데이터베이스를 선택하려면 mysqli_select_db ()가 있어야한다 SQL 문을 실행하기 위해 mysqli_query ()가있다 결과에 의해 리턴 된 행의 수를 얻으려면 mysqli_affected_rows ()가 필요하다

및 mysqli_num_rows () 하지만 중요한 차이점이 있습니다 mysqli_affected_rows () SELECT 타입의 SQL 문과 함께 사용하면 mysqli_num_rows ()와 같은 결과를 리턴한다 결과 행을 살펴보기 위해 우리는 확장 기능과 동일한 기능을 가지고 있습니다 오래됨 : 결과를 연관 배열 또는 숫자 배열로 얻으려면 mysqli_fetch () _ array ()를 사용하십시오

결과를 연관 배열로만 얻으려면 mysqli_fetch () _ assoc ()을 사용하십시오 mysqli_fetch () _ object () 결과를 객체로 가져옵니다 그리고 mysqli_fetch () _ row ()는 숫자 배열로만 결과를 얻는다 결과와 관련된 메모리를 해제하려면 mysqli_free_result ()가 있어야한다 결과와 관련된 메모리를 해제하려면 mysqli_free_result ()가 있어야한다

그리고 마지막으로, 에러 관리를 위해 우리는 전에 mysqli_connect_error ()를 보았습니다 마지막 연결 오류에 대한 설명이있는 자열을 리턴합니다 하지만 mysqli_errorno () 함수는 마지막 코드의 오류 코드를 반환합니다 함수가 실행 된 것을 나타내는 문자열을 반환하는 mysqli_error ()가있다

실수 객체 지향 스타일에는 속성과 메서드가있는 클래스가 있습니다 주요 클래스는 mysqli입니다 이 클래스는 SQL 문을 실행할 수있는 query () 메서드를 제공하고 반환합니다 결과적으로, 클래스 mysqli_result의 객체 또한, mysqli 클래스는 stmt_init () 메소드를 가지고있다

Prepared 문을 선언하는 데 사용되는 mysqli_stmt를 입력하십시오 prepared statement가 실행될 때, mysqli_stmt 클래스는 메소드를 제공한다 결과를 얻으려면 get_result ()를 사용하십시오 이 메소드는 mysqli_result 유형의 객체를 리턴한다 마지막으로 세 가지 보조 클래스가 있는데, mysqli_warning과 mysqli_sql_exception이 사용된다

오류 관리를 위해 mysqli_driver는 연결 드라이버를 설정한다 데이터베이스에 이 함수들을 사용하는 완전한 예를 보도록하자 다음은 객체 지향 스타일을 사용하여 데이터베이스에 액세스하는 예제입니다 mysqli에서

먼저, 데이터베이스 관리 시스템과의 연결이 설정됩니다 "새로운 mysqli" "mysqli"유형의 객체를 만들고 객체를 만들 때 필요한 데이터로 초기화합니다 데이터베이스에 대한 연결을 설정합니다 그런 다음 SQL 문이 실행됩니다 "query ()"메서드는 "mysqli_result"유형의 객체를 반환합니다 객체가 있고 오류가 없으면 결과가 통과됩니다

들어 이 예제에서는 "while"루프와 "fetch_assoc ()"메소드가 사용되었습니다 연관 배열의 형태로 행별로 결과를 얻습니다 마지막으로 결과에 사용 된 메모리가 해제되고 연결이 닫힙니다 데이터베이스로 매우 중요 : 가능한 오류 상황을 항상 확인하십시오 생성하고 오류 메시지를 표시하십시오

이 비디오는 "웹 개발 소개"과정의 일부입니다 ideswebes 주소에서 구할 수 있습니다 주의 해 주셔서 대단히 감사합니다

1. Curso PHP: Crear proyecto web PHP desde cero

이 첫 번째 비디오에서는 PHP 웹 프로젝트를 만들고 개발하는 방법을 배웁니다 이를 위해 처음부터 XAMPP 소프트웨어를 설치해야합니다

우리가 프로젝트를 실행하고 시각화 할 수있는 웹 서버 그들 각각의 결과는 비디오의 설명에서 찾을 수 있습니다 링크를 클릭하면 해당 서버의 단계별 설치가 나타납니다 화면에서 볼 수 있듯이 우리는 netbeans 개발 환경을 사용할 것입니다 ide이 비디오의 설명에서도 링크를 찾을 수 있습니다 귀하가 단계별로 상세하게 설명한 기사를보실 수 있습니다

설치하거나 지금도 화면에서 찾을 수 있습니다 그 링크가 우리가 가고있는 우리 프로젝트를 만들기 위해 좋은 포스트에 가기 위해 간다 새 프로젝트에서 메뉴 파일을 클릭하십시오 우리의 창이 나타나고 우리는 카테고리 부분으로 갈 것입니다 거기서 우리는 PHP 폴더를 선택한 다음 오른쪽 영역으로 이동합니다 프로젝트에서 HP 응용 프로그램의 첫 번째 옵션을 선택하고 우리에게 나타나는 창에있는 nes 버튼에 그 연속성과 위치 우리는 필드 로저 이름에 자신을 위치시킬 것입니다

그리고이 분야에서 우리는 글을 쓸 것입니다 우리 프로젝트의 이름과 그 후에 hp 프로젝트라고 부를거야 필드 쇼에 가보자 아래에있는 폴더입니다 여기에서 우리는 웹 프로젝트를 유지할 경로를 찾을 것입니다

결함은 우리의 허위 서버가 피할 수있는 경로입니다 그러한 장비가 손상을 입을 경우 데이터 손실 우리가 브러시를 클릭 할 보안 폴더와 우리의 다른 하드 드라이브 파티션 이 경우에는 웹 프로젝트 폴더와 그 안에 folder 우리는 새로운 폴더를 생성 할 것이고 우리는 그것을 호출 할 것이다 웹 프로젝트 즉, 우리가 선택한 폴더를 프로젝트 폴더 그리고 우리는 열린 버튼을 클릭한다 여기서 우리 웹 프로젝트가 저장 될 경로가 정의 된 것을 볼 수 있습니다 다음 필드 PHP 버전에서 우리는 가장 최신 버전을 남겨 둘 것입니다

이 경우에는 56이고, 떨어지는 콜딩에서는 tf8을 코딩으로 남겨 둘 것입니다 기본적으로 버튼을 클릭하여 다음 버튼으로 이동합니다 창문 우리는 솔직한 구성과 여기에서 첫 번째 분야에서 우리 자신을 발견 할 것입니다 우리의 프로젝트가 어디에서 실행될 지에 대한 지점 떠나자

기본적으로 선택되는 옵션 인 로컬 웹 사이트입니다 우리의 가짜 서버가 될 로컬 웹 서버 다음 필드 프로젝트 URL에서 우리는 URL 또는 주소를 설정할 것입니다 이를 통해 우리는 우리의 웹 프로젝트에 접근 할 것이며 이것은 우리는 모든 브라우저에서 웹 브라우저로 복사하여 붙여 넣습니다 웹을 통해 프로젝트를 시각화 한 다음 여기에서 찾을 수 있습니다 우리가 활성화 할 수있는 칩이 있습니다 원본 폴더는 우리의 파일을 저장하는 곳입니다

다른 위치의 프로젝트는 원래 폴더를 다른 폴더에 복사하는 것입니다 이 경우 우리 컴퓨터의 위치는 우리 프로젝트는 디지털 방식으로 또는 다시 필요하지만 그것을 입력하십시오 '우리는 이제 필드 copito 폴더에 다음을 써주세요 php 프로젝트와 우리가 우리의 프로젝트를 복사하려고하는 것을 볼 수 있습니다 폴더 72 우리의 웹 서버에서 그 다음에 그것이 표시 될 수 있도록 우리의 프로젝트는 브라우저에서 올바르게 우리는 또한 요리사 마크 복사 파일을 열어 프로젝트를 조금 아래에 발견 할 것이다 이 옵션에 따라 열려있는 프로젝트의 파일을 복사하는 것입니다 프로젝트의 파일을 더 효율적으로 새 위치에있는 폴더가 방금 만든 폴더입니다 이 옵션을 활성화하거나 비활성화하면 같은 결과가 나오지만 더 많은 보안 우리는 그것을 활성 상태로 남겨두고 지금 버튼을 클릭합니다 다시 다음을 클릭하고 피닉스를 클릭하십시오 우리가 볼 때 우리 프로젝트가 생성 될 것입니다

이제 우리는 폴더를 선택합니다 소스 파일을 선택하면 new를 마우스 오른쪽 버튼으로 클릭하고 옵션을 선택합니다 PHP 웹 페이지 인덱스 파일을 만들려면 인덱스 이름을 입력하고 마침 버튼을 클릭합니다 우리는 인덱스 파일이 어떻게 생성되는지를 볼 수 있습니다 원래 경로를 입력 할 때 처음 열리는 루트 파일 프로젝트가 화면에 표시됩니다

지금 우리의 웹 프로젝트가 작동하는지 확인하기 위해 화면에서 다음 에코 코드와 우리가 사용하려는 문자열을 사용하게 될 것입니다 그리스도의 삶을 우리가 끝낼 때까지 그리고 그 때와 같이 놓으십시오 우리 프로젝트를 실행할 수 있으려면 서버를 시작해야합니다 그런 다음 우리는 제어판을 찾으러갑니다 이 하나 아파치가 아파치 서버를 말하는 곳으로 가서 시작 버튼을 클릭한다

우리는 그것이 아파치 그린에 위치해야한다는 것을 알기 시작하고 이미 실행 중이다 이제 우리는 최소화 할 것이며 여기를 클릭하여 실행하거나 실행하게 될 것입니다 프로젝트를 선택하고 어떤 브라우저에서 선택할 수 있습니다 우리는이 순간을 시각화하고 싶습니다 그것은 기본적으로 mozilla에서 execute를 클릭하는 것입니다

우리가 방금 그리스도의 삶을 쓴 말에 끈 이제 마침내 우리가 만들 수있는 프로젝트를 조금 더 조직하십시오 우리가 소스 파일을 클릭하는 특정 유형의 파일을 보관할 폴더 새 폴더를 선택하고이 경우 폴더의 이름을 씁니다 이미지를 만들 수 있으므로 우리가 원하는 모든 폴더를 만들 수 있습니다 서점 폴더를 만드는 것과 같은 단계입니다 마지막으로 스타일 폴더 이렇게하면 구성해야하는 모든 폴더를 만들 수 있습니다

너의 프로젝트를 조금 더 아

웹에플리케이션 만들기 – JS, PHP 프로그래밍 3 : JavaScript 실습

이번 시간에는 javascript 디렉토리에 또 새로운 파일을 하나 만드세요 2

html 이구요 그리고 템플릿에서 카피해서, 2html 을 준비해주세요 이번에는 css 얘기를 좀 하겠습니다 제가 앞에서 설명을 드렸으면 좋은데 깜박했어요

이렇게 해보죠 <ul> Tab, li 곱하기(*) 3 Tab (코드 작성 중) 그리고 html, 그리고 Ctrl+Alt 다음 오른쪽 키를 누르시면 이렇게 편집하는 곳으로 바로 이동하는데 뭐 안 되면 그냥 직접 입력 이동하시면 되죠 그리고 <ol> Tab, 그리고 li 곱하기(*) 4 Tab 해서 (입력 중) 저의 친조카와 제가 친한 분의 그 따님들의 이름입니다 이렇게 해서, 이렇게 만들죠 위에 것을 <ol>로 하고, 밑에 것을 <ul>로 해야겠습니다

사람의 순서를 주면 안되죠 이렇게 하고 여기 있는 이 파일을 한번 열어볼게요 2html 우리 빠르게 복습 겸 한 번 해보죠 우선 스타일 시트를 지정을 해보죠

<style> Tab 엔터 그리고 여기서 li 하고서 (입력 중) color:red 를 하면 어떻게 될까요 이렇게 되죠 빨간색하면 안되죠 파란색으로 이렇게 지정하면 모든 텍스트가 파란색이 됩니다 그 중에서 그 아래쪽에 있는 사람들의 이름을 제가 좀 키워볼게요

이름만 키우고 싶으면 어떻게 하면 될까요 이렇게 하면 되겠죠 ul, ul 태그 밑에 있는 li 태그에 font-size:40px 로 지정을 하면 이렇게 사람의 이름만 폰트 사이즈가 40픽셀로 지정이 되는 것이죠 여기까지 우리가 이전에 배웠던 내용이에요 그리고 또 하나, id도 배웠는데 id는 지금은 언급하지 않겠습니다

그런데 여기에서 만약에 여러분이 여기 있는 이 <li> 태그와 여기 있는 이 최유빈이라고 하는 이 두 개의 태그에 대해서만 밑줄을 긋고 싶다면 어떻게 해야 될까요 선택제를 어떻게 써야지 그것을 쓸 수 있을 까요 이 두개에 대해서만 그런 일을 하고 싶다면 애매하죠 그럴 때는 이 두 개의 태그들을 하나로 그룹핑 시키면 되지 않을 까요 그룹핑이라는 말을 따른 말로는 클래스라고도 부르는데요 클래스로 지정하면 되지 않을까요

됩니다 이렇게 class 라고 하는 HTML의 약속되어있는 특수한 속성을 쓰고 “em” 강조 em이라는 거는 아무거나 해도 상관없어요 그런데 저는 em을 쓴 겁니다 그리고 최유빈 여기에서도 class=“em”으로 주고 우리가 id 선택자는 # 을 썼습니다 그런데 class인 경우에는

이라고 하는 특수한 약속되어있는 기호를 써서 em 이라고 하시면 class의 이름이 em인 태그들을 선택하는 선택자이구요 여기에 text-decoration (입력 중) text-decoration을 underline이라고 주면 (입력 중) 어떻게 되냐면, 이렇게 됩니다 즉 (무엇인가 입력하고 있으나 화면 표시 안됨) 여기에 있는 1과 여기 최유빈이라고 되어있는 이 두 개의 태그가 underline이란 효과를 먹었는데 그 이유는 이 두 개의 태그의 class 값이 둘 다 em이기 때문에 이 선택자의 영향으로 인해서 이것이 적용이 된 결과란 것이죠 바로 그것이 Class입니다

그래서 우리가 Class를 썼기 때문에 서로 다른 소속인 li 들을 같은 곳으로 그룹핑 시켜서 효과를 줄 수가 있었죠 그런데 좀 꼼꼼하신 분들은 그럼 Class는 같은 태그에만 넣을 수 있는 걸까란 생각을 할 수 있을 텐데 아닙니다 여기 있는 ul 에다가 제가 class를 주면 어떻게 되는지 보시면 보시는 것처럼 모든 태그가 em class의 하위에 있기 때문에 바로 이것의 영향을 받아서 모두가 underline이라고 하는 효과를 얻게 되는 것이죠 즉 Class라는 것은 꼭 같은 태그에만 지정할 필요는 없다는 거예요 이게 바로 Class라고 하는 개념입니다

그러면 우리 일단은 em이라는 Class를 이렇게 삭제를 하고요 그리고 Reload 그 다음에 위에 불필요하게 커져있는 이런 것들 다 지워버립시다 이 상태로 오세요 그리고 여기에서 제가 input Tab, button 그리고 onclick (입력 중) 즉 버튼을 클릭했을 때 여기에 입력한 JavaScript가 실행되게 되겠죠 자 그 다음에 여기에 있는 ol이라고 하는 저 태그에 id 값을 주겠습니다

제가하려는 건 뭐냐면 여기 있는 이 버튼을 클릭하면 이 첫 번째 있는 리스트, 저 리스트에 em이라고 하는 이 선택자에 해당되는 이 효과를 여기에 다가 주려고 하는 거예요 그 다음에 value=“em” (입력 중) 강조라고 이렇게 하겠습니다 이 버튼을 클릭하면, 여기가 강조돼서 underline으로 바뀌도록 하려는 겁니다 그 다음에, 이 첫 번째 이 부분을 id 값을 target이라고 줄게요 target

아무 것이나 상관없지만, 저는 타겟을 하겠다는 거예요 target 그리고 우리가 JavaScript를 이용해서 프로그래밍쪽으로 무언가를 제어하려고 할 때 무엇을 써야 된다고 했죠 document라고 하는 그룹 안에 있는 getElementById라고 하는 함수를 사용하면 된다고 했습니다 (입력 중) 그리고 target 자 여기 작은따옴표를 쓴 이유는 이 바깥쪽이 큰따옴표이기 때문에 여기를 큰따옴표로 쓰면 에러가 날거예요 그 이유는 한번 잘 생각해보시고 생각해 보시면 아실 수 있을 거예요

그 다음에 여기에서, (점) 우리가 value라고 하면 어떤 값을 알아낼 수 있다고 했는데요 여기서 className이라고 하면 여기에 있는 이 target에 해당하는 이 태그에 className 값을, 클래스 값을 지정할 수가 있습니다 className=‘’ (입력 중) em 그리고 저장 그리고 이 강조를 누르면, 어때요? 보시는 것처럼 (마우스 이동 중) 여기 있는 이 태그들이 밑줄이 생겼습니다 어떻게 된 건지 한번 코드를 살펴볼까요

보시는 것처럼 에디터를 위로 올렸구요 브라우저를 밑으로 내렸습니다 이것이 너무 길어서 그리고 F12 키를 눌러서 보시는 것 처럼 개발자도구라는 것을 열었습니다 그러면 이 오른쪽에 있는 개발자도구를 통해서 왼쪽에 있는 HTML의 코드를 우리가 실시간으로 볼 수 있어요 이 상태에서 제가 여기 있는 강조 버튼을 눌렀을 때 강조 버튼을 눌렀을 때 바로 이 태그 저기 있는 저 부분에 해당되는 태그는 바로 여기 있는 <ol> 태그거든요

그 <ol> 태그에 className이 어떻게 되는 지를 살펴보세요 제가 강조 버튼을 누르면 어떤 일이 일어나는가 하면 여기 있는 documentgetElementById에 target 값을 줌으로써 바로 id 값이 target 인 이 태그를 가리키는 값을 얻어낼 수가 있고요 그 값에 대해서 className이라고 하는 값을 지정하게 되면 이 태그에 class 값을 em으로 지정할 수 있게 되는 코드입니다 이것을 클릭하면 여기에 어떤 변화가 생기는 지를 보세요

자 클릭합니다 클릭 어때요? 보시는 것처럼 이 class=“em”이라고 하는 태그가 속성이 없었는데 생겨났고 그렇게 되면 어떻게 되냐면 이 태그들은 여기에 소속되는 태그들은 이제 em이라고 하는 class에 해당되는 디자인인 여기에 있는 이 효과에 영향을 받게 된다는 것이죠 즉 JavaScript를 통해서 우리가 이 HTML 코드를 실시간으로 프로그래밍 쪽으로 변경한 거예요 class=“em”이란 것은 없었는데 이 class=“em”이라는 것을 JavaScript로 추가 해 준거죠 이런 이유로 인해서 JavaScript를 뭐라고 부를 수 있냐면 JavaScript는 HTML를 제어하는 언어라고 할 수 있어요

보세요 HTML코드를 JavaScript로 변경했잖아요 제어하고 있는 겁니다 css는 HTML를 디자인하는 것이라면 JavaScript는 HTML을 제어하는 언어라고 할 수 있습니다 어떻게 JavaScript, HTML, css가 서로 관계되는 지를 보여주는 아주 간단하지만 아주 중요한 예제라고 할 수가 있습니다

이것을 통해서 여러분들이 css와 JavaScript, HTML의 이 미묘하고 복잡한 삼각관계에 대해서 한 번 새겨볼 수 있었으면 좋겠습니다 지금까지 우리가 살펴 본 여러 가지 이야기들은 이제 우리가 최종적으로 만들어 볼 우리가 만들 웹페이지의 스킨을 바꾸는 그 기능을 이제 구현을 하려고 제가 밑밥을 깔아 놓은 것입니다 여기까지 하고 다음 시간에는 바로 그것을 만들어 보도록 하죠