웹서버를 편하게 관리할 수 있는 bitnami
https://bitnami.com/stack/wamp/installer
Recommended 버전 다운로드 클릭, No thanks, just take me to the download 선택
- Components에서 모두 체크 해제 후 next (PhpMyAdmin은 기본 선택)
- 6자 이상의 데이터베이스 루트 유저 비번 입력
- cloud with Bitnami 체크박스 해제 후 next
- 설치과정에서 보안경고시 방화벽 해제 허용 - Finish!
설치 후 Bitnami가 실행되면서 웹페이지가 열리는데, 이것은 localhost에서 보여주는 것이다.
htdocs라는 디렉토리의 index.html 을 읽어 웹브라우저에 보여주는 것인데, 이것은 다음이 경로에서 확인가능하다.
C:\Bitnami\wampstack-5.6.30-1\apache2\htdocs (설치 시 기본 경로)
메모장을 열어 아래의 소스를 작성한다.
저장할 때는 *.html, utf8로 저장하고 위의 htdoc폴더에 넣어준다.
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>JavaScript</h1> <h2>JavaScript</h2> </body> </html> | cs |
1행의 DOCTYPE은 문서의 타입을 알려주는 것이며 html 뒤에 아무것도 적지 않으면 표준 (5.0)의 문서임을 알리는 것이다.
html의 본질은 링크이며, 아래 소스에서 <html>은 시작태그, 빗금이 있는 </html>은 끝 태그라고 한다. (또는 열린 태그, 닫힌 태그)
태그는 정보를 담거나 강조를 하기 위한 것으로, html은 문서의 , head는 문서의 정보, body는 문서의 본문을 나타낸다.
태그의 종류와 사용법은 https://opentutorials.org/course/1058 에서 확인 가능하다.
이후에 http://localhost:81/*.html 로 접속하면 페이지가 보일 것이다. (81은 포트 번호이며 설정에서 변경 가능)
만약에 index.html로 저장하였다면 그냥 localhost혹은 localhost:포트번호 로 접속하면 된다.
bitnami외에도 APMSETUP 모니터란 프로그램을 통해서도 웹서버를 제어할 수 있다.
(APMSETUP 모니터 설치시 htdocs 경로는 C:\APM_Setup\htdocs 가 됨)
크롬에서 검사를 통해 요소의 값을 변경해보기
우클릭-검사를 누르면 오른쪽에 창이 생긴다.
여기서 오른쪽 아래의 숫자값을 더블클릭해 값을 입력하거나 PgUP, PgDn으로 실시간으로 변경되는 하면을 볼 수 있다.
디버깅하기
Ctrl+Shift+J를 눌러 Console창의 에러메시지를 확인
php 에러를 찾을 때는 C:\Bitnami\wampstack-5.6.30-1\php 폴더의 php.ini 을 수정해 에러메시지를 브라우저에 노출시키는 방법이 있다. (보안상 실제 서비스시에는 비권장)
display_errors = off를 on으로 변경한 후, 아파치를 restart하면 다음과 같이 브라우저에 직접 노출되는 에러메시지를 볼 수 있게 된다.
Parse error: syntax error, unexpected '<' in C:\APM_Setup\htdocs\phpjs\1.php on line 10
혹은 \Apache(혹은 2)\logs 폴더의 error.log 파일을 열어 기록된 에러 메시지를 볼 수도 있다.
php 소스 코드 변경시 즉시 반영되게 하려면 opcache.enable=0 를 1로 변경한 후, 아파치를 restart한다.
'Web Develop > Web Programming' 카테고리의 다른 글
| WebRTC 및 Node 등 스터디 (0) | 2022.02.25 |
|---|---|
| Spring Boot시작하기 (0) | 2021.08.10 |
| html 기초 (0) | 2021.01.07 |
| 반응형 웹 만들기 (0) | 2017.03.23 |
| HTML 5 미지원 브라우저 고려하기 (0) | 2017.03.21 |