ASTROGAMING A50 PS4 설치가이드 (한글자막 버튼클릭)

A50 헤드셋과 베이스 스테이션을 PS4에 연결하는 방법을 알려드립니다 구성품은 A50 베이스 스테이션 마이크로 USB 케이블 옵티컬케이블입니다

PS4와 연결하기 전에 컴퓨터와 연결해 펌웨어 업데이트를 해주세요 (A50 PC 설치 가이드 참조) * 연결 방법 1) 베이스스테이션에 마이크로 USB 케이블을 꽂고, PS4에 USB 단자를 연결합니다 2) 옵티컬 케이블은 베이스 스테이션의 IN에 꽂고, 다른쪽은 PS4 후면 옵티컬 단자에 연결합니다 3) A50을 베이스 스테이션에 올려 놓아 페어링시킵니다 페어링은 베이스 스테이션에 번개 마크가 점등되고, A50에 주황 불빛이 들어와야 합니다

4) 베이스 스테이션이 PS4 모드인지 확인해 주세요 * 설정 방법 베이스 스테이션을 PS4와 연결하면 장치를 인식합니다 1) 설정-사운드와 화면에 들어가 오디오 출력 설정에서 주 사용 출력 단자-디지털 출력(옵티컬)을 선택합니다 2) 돌비 디지털을 선택합니다 3) 오디오 출력 설정으로 돌아가 오디오 포맷(우선) 에서 비트스트림(돌비)를 선택합니다

4) 처음으로 돌아가 주변기기-오디오기기를 선택합니다 5) 입력 기기와 출력기기를 A50으로 설정합니다 6) 헤드폰에 출력은 대화 음성으로 설정합니다

웹에플리케이션 만들기 – 개발도구 3 : 아톰 사용법

지금부터 아톰을 사용하는 간단한 방법을 살펴보겠습니다 여기 파일을 선택 하고요 오픈 폴더를 해서 우리가 작업하는 디렉터리를 선택을 하면 그 디렉토리에 있는 파일들을 쉽게 관리할 수 있게 됩니다 이것으로 뭘 지정하면 되냐면 다큐멘트 루트를 지정하면 되겠죠 오픈 폴더를 눌러 보겠습니다

자 그래서 보시는 것처럼 다큐멘트 루트를 저는 선택을 이렇게 하구요 여러분들도 다큐멘트 루트를 선택하셔야 됩니다 자 폴더 선택을 합니다 Mac을 쓰시는 분들은 파일을 선택하고요 여기서 오픈을 누르시면 됩니다 그리고 윈 AMP 아이고 제가 더블 클릭을 해버렸네요 자 다시요 파일> 오픈> 윈 AMP가서 apache2에 htdoc를 선택하고 오픈 누르면 똑같은 화면이 나오죠 자 이렇게 되면 여러분들이 어떤 장점이 우선 생기냐면 메모장과 같은 에디터는 여러분 파일을 편집할 때 마다 그 파일을 여는 여러 가지 절차들을 해야 되니까 더 시간이 걸렸죠 이거는 여러분이 더블 클릭 하면 더블 클릭 할 때 마다 그 파일이 이렇게 탭으로 열리기 때문에 탭 전환을 통해서 빠르게 파일들을 수정 할 수 있다는 중요한 장점이 생깁니다 그리고 보시는 것처럼 이렇게 알록달록 하잖아요 알록달록한 이유는 여기 있는 각각의 단어들 단어라고 표현해야 되나요? 아무튼 저런 키워드들이 어떤 문법적 성격이냐에 따라서 만약에 그게 태그의 이름이라면 이렇게 저런 색깔로 표현을 해주고요 속성이라면 이런 색깔 그리고 값이라면 이런 색깔로 표현을 해주는 것이죠 그러면 이 코드가 좀 더 입체적으로 보여서 여러분들이 필요한 것을 찾거나 아니면 이 코드의 구조를 파악하는 데 큰 도움을 줍니다

그리고 이 각 각 의 코드가 몇 번째 라인에 있는 지를 쉽게 볼 수가 있기 때문에 다른 사람과 소통을 하거나 그런 경우에도 큰 도움을 받을 수가 있죠 그리고 한 가지 더 설명 드리고 넘어가면 에디터들은 대부분 확장기능이라는 것이 있습니다 확장 기능이란 것은 그 에디터가 가지고 있는 기본적인 기능외의 것들을 외부 개발자가 만든 것을 사용할 수 있게 하는 그런건데요 이 확장 기능을 통해서 에디터의 기본 기능을 뛰어넘는 그런 것들을 취할 수가 있습니다 물론 아톰도 확장 기능들이 꽤 많이 있는 걸로 제가 알고 있는데요 한번 확장 기능을 하나를 설치해 보겠습니다 우선 File 을 선택하시면 이안에 settings 라는 것이 있습니다 이렇게 여시면 되고요 Mac을 쓰시는 분들은 아톰 밑에 보시면 음 preference 라는 곳이 있죠? 이 preference를 선택하면 이렇게 생긴 화면이 뜰 겁니다

여기서 Install이라고 되어 있는 것을 클릭하면 확장 기능을 설치할 수 있는 화면으로 가는데요 아톰에서는 확장기능을 패키지라고 부릅니다 여기서 emmet 입력하고 엔터를 쳐 보세요 그러면 emmet 이라고 하는 확장 기능을 인터넷으로 검색합니다 그러면 그 중에서 이 첫 번째 있는 emmet 보이시죠? 저것을 인스톨하시면 설치가 진행이 돼요 인터넷을 통해서 다운받아서 설치를 하는 겁니다 이렇게 화면이 바뀌면 설치가 끝난 거고요 이 emmet이라는 것은 무엇이냐면 여러분들이 코드를 작성하는 수고를 덜어주는 아주 환상적인 도구입니다 이거는 설명을 드리면 좋을 것 같아서 여러분들이 이렇게 코드를 작성하는 게 꽤 고된 일이라는 것을 경험 하셨죠? 특히나 메모장을 제가 처음부터 에디터를 쓰지 않은 것은 여러분들이 좀 지체되지 않기 위해서도 있지만 수업을 빨리 진행하기 위해서도 있지만 메모장 같은 걸 써서 좀 어려움, 불편함을 겪어 보셔야지만 이런 도구를 도입했을 때 생산성이 향상된다 라는 것을 좀 더 인상적으로 경험할 수 있기 때문입니다 그리고 또 이런 새로운 도구가 나오면 개발자들은 마음이 설레요 얘는 또 어떤 환상적인 기능을 가지고 있을지 그거 보는 게 일종의 장난감이고 낙인 사람들도 많아요 저도 좀 그런 측면이 있고요 그러면 새로운 파일을 추가 해볼게요

htdoc라는 저 폴더 밑에다가 우리가 파일을 만들고 싶으면 저 폴더에서 오른쪽 클릭 그리고 new 파일을 하시면 새로운 파일을 만드는 화면인데요 여기다가 파일의 이름을 적습니다 저는 emmet이라고 하고 html 파일을 만들겠습니다 됐죠? 그리고 이런 에디터들의 큰 장점중의 하나는 화면을 분할해서 사용할 수 있다는 장점이 있어요 여기에 있는 탭을 오른쪽 클릭해서 Split Right 라고 하면 보시는 것처럼 오른쪽 화면에도 emmet

html 에디팅 화면이 뜨는 것을 볼 수가 있죠 이건 이제 지워도 되고요 화면 두 개 보면서 왼쪽에 있는 문서와 똑같은 문서를 한번 제가 에디터에서 작성을 해보겠습니다 옆에 있는 사이드 바는 눈에 거슬리니까 View에서 Toggle Tree View를 하면 얘를 감출 수 있습니다 됐죠? 우선 위에 거는 그냥 치구요 그 다음에 html 이라고 입력하고 여러분이 emmet를 설치했다면 이런 것들이 가능합니다 html 입력하고 텝 키를 눌러 보세요 그러면 이렇게 나머지 코드가 자동완성이 되요 그리고 엔터를 치면 이렇게 여러분들이 입력할 수 있는 화면이 나오는 거죠 자동으로 그 다음에 head 라고 입력하고 탭 엔터 meta 라고 입력하고 탭 하면 이렇게 뜨죠? 그럼 뭐 이거는 그냥 입력해야죠? utf-8 자 됐죠? 그 다음에 body 라고 입력하고 텝 그리고 header텝 h1텝 그리고 a 텝 하고서 http://localhost라고 입력합니다

그리고 이쪽으로 가서 JavaScript라고 입력하면 되겠죠 자 됐죠? 그다음에 nav 텝 엔터 ol텝 엔터 li*3 그리고 >a까지 하고 텝 어때요? 세 개의 li 태그와 그 li 태그 안에 있는 a 태그가 추가된 상태로 이렇게 link가 한 번에 만들어지죠 자 그러면 여기에 있는 내용을 여러분들이 카피해서 이렇게 이렇게 이렇게 가져오면 되겠고요 카피를 더할걸 그랬네요 그냥 다 카피 할걸 자 이렇게 그리고 여기서 vc 그리고 옆에서 op 이렇게 하고 이렇게 하면 끝났습니다 어때요? 상당히 빠르게 편집할 수 있는 것을 알 수 있죠? 그리고 다시 화면을 합칠 때는 이렇게 얘를 드레그 해서 이렇게 하면 화면이 합쳐지죠 이 상태에서 만약에 여러분들이 여기 있는 localhost라고 하는 주소를 다른 주소로 바꿔야 된다 그러면 어떻게 하면 될까요? 하나하나 수정하셔서 되겠지만 만 똑같은 것들이 있잖아요 똑같은 것들이 있는 경우에는 이렇게 하시면 됩니다 셀렉션으로 가보면 아니에요 셀력션으로 갈 필요 없이 컨트롤키를 누른 상태에서 드레그를 해주면 선택이 됩니다 컨트롤 누르고 있는 상태에요 여기서 다시 얘를 선택하고 이렇게 선택하면 보시는 것처럼 멀티 셀렉션이 되요 이 상태에서 이주소를 만약에 opentutorialsorg로 바꾸고 싶다면 이렇게 한꺼번에 바꿀 수 있어요 자 이런 기능들은 기본적으로 메모장과 같은 툴에서는 제공하지 않은 아주 강력한 기능입니다

바로 이러한 기능들을 제공하기 때문에 이런 에디터를 사용하면 생산성이 비약적으로 향상된다는 것이죠 이 에디터에 대한 더 자세한 설명을, 자세한 내용이 필요하신 분들은 검색하셔서 찾아보시고요 저도 이거 좀 써보고 사실 저도 이거 많이 안 써봤어요 이거 써보고 저도 강의를 만들 수도 있으니까 혹시 제 강의가 있는 지도 한번 찾아보시면, 있을 수도 있어요 없을 수도 있고요 자 이렇게 해서 emmet을 이용하는 방법도 알아봤고 아톰을 사용하는 방법을 살펴봤습니다 한 가지 걱정이 되는 것은 여러분이 에디터에 빠져 있을 까봐 걱정이에요 자 우리 수업은 에디터가 중요한 게 아니에요 그러니까 이 에디터는 나중에 차차로 보시면 되고 우리 수업에 나머지 내용으로 집중! 해 주세요

이번 수업은 여기까지입니다

웹에플리케이션 만들기 – 웹서버 설치 (윈도우)

이번시간에는 우리가 BITNAMI를 이용해서 윈도우에서 APACHE, PHP, MYSQL이라고 하는 것들을 한방에 설치하는 방법을 알아보겠습니다 우선 검색엔진에서 BITNAMI (Wndows, apache, mysql, php의 약자인 ) WAMP를 검색하시면 WAMP 페이지로 이동을 할수가 있겠죠 그래서 WAMP Stack이라는 곳으로 도착을 하시면 거기에 보면 DOWNLOAD WAMP STACK INSTALLER 이라는 것이 어딘가에 있을 겁니다

이 화면은 계속 바뀔수 있겠죠 이것을 클릭해서 이렇게 나와있는 부분에서 밑에 보시면 NO THANKS라고 되어 있습니다 만약 위에 있는걸 이용해서 공유하시면 더 좋겠죠 BITNAMI에게 고맙다라는 성의 표시를 하는거죠 일단은 NO,THANKS로 해서 다운로드를 진행을 하겠습니다 용량이 꽤 커요 120MB 정도 되기 때문에 용량이 좀 크다는건 감안을 해주셔야 됩니다 여러가지 소프트웨어들이 하나로 묶여져있는 형태이기 때문에 용량의 부담이 조금 있긴 할겁니다

다운로드가 끝났고요, 설치를 시작해볼게요 설치화면이 나타나기 시작하죠 이것은 ANTI SPAM, 즉 백신이 동작하고 있는것 같고 이런 저런 문제를 일으킬수 있다라는 이야기인데 여기서 그냥 YES를 누르시면 됩니다 그리고 설치를 하는 화면에서 NEXT를 누르시면 여기 보시면 Zend Framework, Symphony, CodeIgniter 이런식으로 나와 있는데 이것들은 뭐냐면 나중에 여러분들이 PHP를 사용을 해서 뭔가를 만들텐데 그때 사용하는 Framework들을 기본적으로 설치할거냐 라는 건데 설치 안하셔도 됩니다 다 꺼버리시고요 PhpMyAdmin은 필수이기 때문에 켜 놓으시면 됩니다

NEXT (하시고) 그러면 이 위치에 BITNAMI를 설치하겠다는 뜻이에요 NEXT 하시고 그 다음에 이것은 DATABASE를 BITNAMI는 (DATABASE를) 같이 설치를 하는데 그 DATABASE의 패스워드를 지정을 하는 화면입니다 이 패스워드에 여러분들이 자주 쓰는 패스워드를 입력하시면 됩니다 (타자소리) 그리고 그 패스워드는 기억 하셔야 해요 사용할 비밀번호이기 때문에 NEXT(하시고) 그리고 체크를 해제하시고 그리고 NEXT(합니다) 그리고 NEXT(하시고) 하시면 실제 인스톨이 이제부터 시작이 됩니다 그리고 설치하는 과정에서 윈도우 방화벽에서 이 앱의 일부기능을 차단했다라고 나오는 부분이 뜰건데요 이것은 무슨 뜻이냐면 웹서버는 인터넷으로 통신을 해야하는데 통신 관련된 부분이 보안적인 문제가 생길수 있기 때문에 운영체제, 윈도우가 이걸 기본적으로 막으려고 하는 겁니다

그런데 우리는 이걸 열어야지만 통신을 할 수 있기 때문에 엑세스 허용을 하시면 됩니다 그러면 설치가 다 끝났고요 그리고 FINISH를 누르면 이런 화면이 뜰겁니다 여기서 "예"를 누르고 이렇게 보면 BITNAMI WAMP STACK이라고 되어있는 프로그램이 뜨는데요 이 프로그램이 뭐냐면 BITNAMI를 통해서 설치한 APACHE, PHP, MYSQL 이러한 소프트웨어들을 여러분들이 좀더 편리하게 제어할 수 있도록 도와주는 그런 도구입니다 이 도구는 BITNAMI가 만든 것이죠 그럼 이제 브라우져를 켜시고요 이 브라우져에서 이렇게 입력해보세요 localhost/indexhtml 이라고 입력하고 엔터를 칩니다

이런 화면이 뜨면 BITNAMI가 성공적으로 설치가 되어 있는 것이고요 실제로 웹서버가 잘 동작하고 있다라는 뜻입니다 그러면 어떤 일이 내부적으로 일어났는지를 우리가 그림을 통해서 살펴볼건데요 현재 제가 뭘 입력 했나요? localhost/indexhtml 을 입력했다는 사실을 잘 기억해 두세요 우선 이 컴퓨터는 여러분의 컴퓨터입니다 그리고 자신의 컴퓨터에 웹브라우져와 웹서버가 현재 동시에 설치되어 있는 상태에요 이 상태에서 여러분이 웹브라우져에 localhost/index

html이라고 입력한다 라는 것은 어떤 의미를 갖냐면 일단 localhost는 이 웹브라우져가 설치되어 있는 컴퓨터를 나타냅니다 그렇기 때문에 이 웹브라우져가 설치되어 있는 컴퓨터에는 곧 웹서버가 설치가 되어 있는 상태입니다 즉, localhost 라는 것은 웹브라우져가 설치되어 있는 컴퓨터의 웹서버를 가리키는 주소라고 할수 있어요 그리고 /indexhtml 이라는 것은 웹브라우져가 웹서버에게 indexhtml 파일을 내놓으라고 요청을 하고 있는거에요

그러면 웹서버는 이 컴퓨터에 있는 디렉토리 중에 htdocs 라고 하는 약속되어 있는 디렉토리에 있는 indexhtml 파일을 읽어서 그것을 웹브라우져에게 쏴줍니다 그러면 웹브라우져는 그 indexhtml 파일을 화면에 표시해주게 되는 거에요 바로 이 과정을 통해서 웹페이지가 여러분의 웹브라우져에 표시되게 됩니다 그러면 정말로 그런지 한번 살펴볼까요 우선 윈도우 탐색기를 여시고요 그리고 C 드라이버에 가보시면 BITNAMI 라는 디렉토리가 만들어져 있을겁니다

저 디렉토리로 가면 WAMP STACK라는 디렉토리에 APACHE2라는 디렉토리 거기에 htdocs라는 디렉토리에 보시면 indexhtml이라는 파일이 있는데요 바로 이 파일이 여기 있는 이 웹페이지의 정보를 담고 있는 파일입니다 만약에 제가 여기 있는 파일의 내용을 (이건 따라하지 마시고요) 한번 수정을 해볼게요 (이건 따라하지 마세요 그냥 보세요) egoing이라고 제가 이 파일의 어느 위치에 적었습니다 여기 있는 코드는 모르셔도 됩니다

제가 리로드를 해보면 보시는것처럼 egoing이라고 하는 저의 닉네임이 이 웹페이지에 표시되는 것을 보실수 있죠 이것을 통해서 htdocs 라고 하는 저 디렉토리에 있는 indexhtml 파일이 바로 이 화면에 표시되고 있는 내용이라는 것을 알수가 있죠 자 다시 실습입니다 이번에는 localhost 뒤에다가 helloworldhtml 이라고 입력하고 엔터를 쳐보세요 Not Found 라고 뜨죠 저 얘기는 뭐냐면 helloworldhtml이라는 파일이 존재하지 않는다라는 에러를 보여주고 있는 화면입니다

그러면 helloworldhtml이 에러가 아니라 정상적인 페이지가 표시되도록 내용을 수정해보죠 우선 다시 htdocs라는 디렉토리로 가고 거기에다가 파일을 만들건데요 여러분들 메모장을 실행해보세요 메모장을 실행하는 법은 아실거라고 생각하고 수업을 진행하겠습니다 메모장을 하나 열고요 여기에다가 helloworld라고 입력하세요 그 다음에 저장 그리고 htdocs가 위치하는 디렉토리를 찾아서 들어가는데 한번 해보죠 C 드라이브 BITNAMI WAMP STACK 그 안에 APACHE2 그 안에 htdocs라는 디렉토리로 이동을 하시고 여기에다가 helloworldhtml이라고 입력한 후에 파일 형식은 "모든파일"로 지정하시고 인코딩은 가급적이면 UTF-8로 설정하고 저장버튼을 누릅니다 그리고 다시 아까 Not Found가 떴던 화면으로 돌아와서 여기서 리로드를 한번 해보세요 어때요? 이번에는 hello world라는 텍스트가 화면에 출력되는것을 볼수가 있죠 이 내용은 방금 우리가 작성한 이 내용과 같습니다

어떻게 된 일인지를 다시한번 그림으로 살펴보겠습니다 우선 여러분들의 컴퓨터에 웹브라우져와 웹서버가 설치 되어 있죠 이 상태에서 localhost/helloworldhtml 이라고 입력하고 엔터를 "땅" 치면 웹브라우져가 웹서버에 접속해서 helloworldhtml 이라는 파일을 요청합니다 그럼 웹서버는 이 컴퓨터에 위치하는 htdocs라는 디렉토리에서 웹브라우져가 요청한 hellworld

html 이라는 파일을 읽어서 그것을 웹브라우져에게 응답하게 되는 거에요 그러면 웹브라우져에는 helloworld라는 텍스트가 화면에 출력되게 되는 겁니다 바로 이 여정을 잘 이해하시는 것이 중요한 포인트에요 지금까지 우리가 실습환경을 어떻게 구성을 했냐면 우리가 컴퓨터가 여러대가 있지 않기 때문에 한대의 컴퓨터안에 웹브라우져와 웹서버를 동시에 설치해서 실습을 진행을 할겁니다 그런데 그것은 우리가 실제로 사용하는 환경이 아니고 실제로는 여러분들이 웹서버와 웹브라우져를 같은 컴퓨터에 두는 것이 아니라 웹서버를 보통 별도의 컴퓨터에다가 두고 서비스를 실제로는 운영을 하게 됩니다 예를 들어서 여러분이 opentutorialsorg/index

html 이라고 입력했다고 간주해주세요 직접 입력하시면 에러페이지가 뜰 겁니다 이렇게 입력해서 엔터를 "땅" 쳤을때 실제로는 어떤 일이 일어나는지를 그림으로 확인해보죠 우선 여러분의 컴퓨터는 왼쪽에 있고요 그리고 opentutorialsorg 라는 주소를 가지고 있는 컴퓨터가 인터넷 어딘가에 존재하겠죠 이 상태에서 opentutorialsorg 컴퓨터에는 htdocs 라고 하는 디렉토리에 indexhtml이라는 파일을 만들어서 보관해둔 상태입니다

여러분의 컴퓨터에는 브라우져가 있고 opentutorialsorg 에는 웹서버 소프트웨어가 설치되어 있는 상태에요 이 상태에서 웹브라우져에 http://opentutorialsorg/indexhtml 이라고 입력하고 엔터를 "땅 치면" 여러분의 컴퓨터는 opentutorials

org 라는 주소에 해당되는 컴퓨터에게 indexhtml 파일을 내놓으라고 요청합니다 그러면 opentutorialsorg 에 있는 웹서버가 htdocs 디렉토리에 있는 indexhtml 파일을 읽어서 그것을 웹브라우져가 설치되어 있는 여러분의 컴퓨터에게 전송을 해주고요 여러분의 컴퓨터의 웹브라우져에는 그 전송된 내용이 화면에 이렇게 표시되게 됩니다

바로 이런 과정을 통해서 웹서비스 이 웹에플리케이션이 동작하게 되고요 우리는 지금 하나의 컴퓨터 안에 웹브라우져, 웹서버를 동시에 설치했지만 나중에 준비가 되면 여러분의 웹서버를 장만하셔서 그 웹서버에다가 여러분이 개발한 웹에플리케이션을 올리면 여러분들도 이런 구성을 가질 수 있게 되는 것이죠 이것이 우리 수업에서 여러분들이 일차적으로 이해해야 할 가장 중요한 내용중의 하나입니다 이렇게 해서 여러분의 운영체제에 웹서버를 설치하는 방법과 그리고 내부적으로 어떻게 동작하게 되는지 내부적인 메커니즘에 대해서 살펴보는 시간을 가졌습니다 그리고 또 하나 기억하셔야 할 것은 htdocs라는 디렉토리는 특수한 디렉토리 입니다 즉, 여러분이 웹페이지를 만들어서 htdocs라고 하는 저 디렉토리에다가 여러분이 저장을 하셔야지만 웹브라우져가 접속했을때 저 indexhtml 파일을 웹서버가 htdocs 에서 찾아서 웹브라우져에게 보내줄수가 있습니다

저 htdocs라는 디렉토리를 좀 더 일반적인 말로는 Document Root 라고 하고요 무슨 뜻일까요 문서의 최상위 디렉토리 즉 웹서버가 문서를 찾는 최상위 디렉토리가 바로 htdocs 라는 것이죠 물론 저 htdocs는 설정을 바꿔서 다른 위치로 변경은 가능합니다 아무튼 제가 앞으로 Document Root 라는 표현을 쓰면 바로 저 디렉토리를 가리킨다 라는 것은 꼭 기억해 두세요 이렇게 해서 우리가 웹서버를 설치하는 방법 또 웹브라우져와 웹서버가 서로 어떻게 통신을 하는지 전체적인 맥락을 살펴봤습니다 이것을 여러분들이 이해하는 것은 웹개발을 하는데 있어 사실은 필수적인 것은 아니지만 여러분들이 이 동작 방법의 틀을 잘 이해하고 있다면 훨씬 더 수월하게 공부할 수 있고 여러가지 상황에서 더 능동적으로 대처할 수 있는 힘이 생길겁니다 아시겠죠? 이렇게 해서 이번 수업은 여기까지 하겠습니다

웹에플리케이션 만들기 – JS, PHP 2-1 : php 환경 설정 변경

자, 지금부터 여러분이 Bitnami를 통해서 이, Apache, PHP, MySQL을 설치했는데 요거를 이제 그대로 사용하면, 좀 불편한 점들이 있거든요 그래서 우리 수업 진행하기에 앞서서 여러분들이 좀 더 편하게 사용할 수 있도록 설정을 좀 바꾸는 방법을 말씀드리겠습니다 사실 우리가 어떤 소프트웨어를 쓰건 간에, 그 소프트웨어가 기본적으로 동작하는 방법을 지정하는 것을 우리가 설정이라고 하는데 우리가 설정한 이 소프트웨어들도, 당연히 설정하는 방법이 있습니다 그 중에 일단, 우리의 관심사는 PHP 부분이예요

우선 Bitnami가 설치되어 있는 디렉토리로 먼저 가 볼게요 저 같은 경우는, C 드라이브에 Bitnami라는 디렉토리 안에 wampstack이란 디렉토리가 있습니다 그 안에 보면은 자, PHP에 대한 디렉토리가 있는데요 거기에서 찾아보시면 phpini라는, 확장자를 가지고 있는 php 파일이 있습니다

만약에 그런 파일이 없음, 없으면 요기 Type, 파일 유형에 보시면, 아마 구성 설정 뭐 이 정도의 이름으로 되어 있을 거예요 제가 아쉽게 영문판이라서 그리고, 그래도 잘 안 찾아지시면, 위쪽에 보시면 View라고 하는 보기라고 하는 메뉴가 있는데 그 중에서, 어, 파일 확장자 보기라는 거에 체크를 어 해제 (멈칫), 체크를 해 주시면 파일의 확장자를, 여러분이 저처럼 볼 수가 있거든요

그래서 phpini 라는 파일을 찾아서 그 파일을 일단 여셔야 됩니다 자, 저는 열기 위해서 자, Open with Atom 으로 열고, 음 여러분은 자신의 텍스트, 메모장이나 아무, 그, 파일을 텍스트 파일을 편집할 수 있는, 아무 프로그램이나 상관 없으니까, 고런 프로그램을 이용하셔서, 저 파일을 여시면 되겠습니다 자, 그럼 저 같은 경우는, 이렇게 파일의 내용이 보이죠 자 그럼 이제 Mac을 쓰시는 분들을 위해서 또 설명을 드릴 게요 자, Mac을 쓰시는 분들은, 응용프로그램으로 들어가 보시면 거기에 mampstack이라는 디렉토리가 있을 겁니다 자, 그 중에서 php라는 디렉토리로 들어 가시면 etc라고 하는 디렉토리가 또 있을 거예요

그 중에서 phpin라는, 확장자를가지고 있는 파일을 선택하고, 그 파일을 어, 열어주세요 에, 메모장 같은 걸로 열어 주시면 됩니다 자 그럼 우선 뭐부터 설정을 바꿀 거냐 하면, 여러분이 지금 상태는 어, 만약에 문법적으로 타이핑을 잘못하거나, 이렇게 실수를 했을 때도 어디에서 실수가 일어났는지를, 화면에 안 보여주는 즉, 에러를 화면에 출력하지 않는 상태로 되어 있을 겁니다 그래서 에러가 화면에 출력하도록 설정을 바꿔주기 위해서는 자 여기에서, 그, 찾기 기능을 이용하셔서 어

display 언더바(_) errors 를 찾아보세요 여러분이 Atom을 쓰고 계시면 컨트롤 + F를 누르시면 됩니다 대부분의 에디터는 컨트롤 + F 로 어떤 특정한 문자를 찾을 수 있게 되어 있죠

자 그렇게 해서 요렇게, 앞에 세미콜론(;)이 들어있지 않은 코드를 찾으시고 거기에 Off라고 되어 있는 부분을 On으로 바꿔 주십니다 자, 저거는 뭐냐면 에러를 디스플레이하는 것을 킨다라는 뜻입니다 자, 왜 error가, 디스플레이가 기본적으로 꺼져 있냐 하면 에러는 상당히 중요한, 시스템에 대한 정보를 담고 있기 때문에 만약에 우리가 실제로 서비스를 할 때 에러가 공격자에게 노출되게 되면 공격자는 그 에러 메시지를 놓치지 않고 공격을 하는데 중요한 어떤 정보로 활용될 수가 있기 때문에 기본적으로 에러를 꺼 논 거예요 하지만, 우리가 개발을 할 때는 에러를 키셔야 되기 때문에 이렇게 error를 킨 거구요 자, 그 다음에 찾아 볼 것은 opcache라고 하는 걸 찾아 보세요

opchace 자, 그리고 opcache에 enable이 1로 되어 있으면 0으로 바꿔주세요 저걸 0으로 바꾸면 어, opcache라는 것이 동작하지 않으면서 여러분의 코드를 수정하면, 그 수정한 내용이 바로바로 반영이 될 겁니다 쟤가 겨져 있다면 opcache가 동작하게 되면서, 여러분이 수정한 내용이 바로 결과에 반영이 되지 않고, 뭐 1분, 2분 뒤에 반영되거나, 이런 불편함이 있을 수가 있어요 자, 그런 경우를 막기 위해서 opcacheenable을 어, 0으로 해 놨습니다 그리고 지금 우리가 설정을 해 논 것은, 실제로 서비스를 할 때는 opcache도 키고 그리고 display_error는 끄고 이런 식으로 하는 것이 성능적인 면에서나 보안적인 면에서나 더 좋은 방법입니다 자, 요기까지 하셨으면 이제 여러분이 그 내용을 저장을 하시고 그 다음엔 이제 뭘 하냐면 이 Bitnami를 제어하는 프로그램, 제가 설명을 드렸을 건데, 자, Bitnami 디렉토리 밑에 wamp 또는 mamp 디렉토리 밑에, manage-windows라는 또는 mage-os10이라고 하는, 이, 파일을 열어 보시면 이렇게 생긴 화면이 뜰 겁니다

자, 요건 이제 윈도우에서의 화면이고 여러분이 Mac을 쓰신다면 이렇게 생긴 프로그램이 뜰 거예요 똑같습니다, 사용법은 그 다음에 Manage Severs로 가셔서 Apache Web Server고 돼 있는 부분에서 Restart 버튼을 눌러 주시면 아파치 웹 서버가 꺼졌다가 켜집니다 자, 우리가 지금 사용하고 있는 이 PHP는 아파치 웹서버에 사실은, 기생해서 동작하는 소프트웨어기 때문에 어, 아파치 웹서버를 껐다 켜줘야지만 우리가 지금 변경한 환경 설정 파일이 기본 설정 파일이 반영이 돼서 우리가 변경한 내용대로 PHP가 동작 하게 되는 거예요 자, 고렇기 때문에 아파치를 켰다 꺼주셔야 됩니다 자, 요렇게 하시면 두 가지가 될 겁니다

첫 번째 여러분이 문법적인 에러를 발생시켰을 때, 또는 동작하는 과정에서, 어떤 예상하지 못했던 문제가 생겼을 때, 그것이 화면에 출력될 거예요 두 번째 어, 두 번째는 어 뭐였죠

갑자기 기억이 안 나네요 (헛웃음) 자, 두 번째는 아, 맞다! (웃음) 자, 코드를 수정했을 때 수정한 코드가 바로 변경사항에 이, 출력되는 내용에 반영되는 그 두 가지를 세팅하는 방법을 알아봤구요 예, 요런 식으로 설정을 바꿔서 여러분이 PHP 또는 아파치 또는 MySQL을 동작하는 기본적인 동작 방법들을, 바꿀 수 있다라는 것도 그냥, 여러분들이 느끼셨으면 좋겠습니다

자, 요렇게 해서 우리 실습을 하기 위한 기본적인 어, 준비 작업인, 환경설정 바꾸는 거를 우리가 같이 한번 해봤어요