본문 바로가기

Programming

윈도우에 Apache 설치하는 법 및 사용법

Apache를 직접 설치하는 것에는 많은 어려움이 따릅니다. 하지만 BitNami WAMP를 설치함으로써 Apache를 내 컴퓨터에 설치할 수 있습니다. BitNami WAMP에서 WAMP의 A는 Apache의 약자로 BitNami는 Apache를 사용하기 위한 기능들을 제공합니다.

 

 

Apache 설치하는 법


먼저, 검색창에 BitNami wamp를 검색하신 후 사이트에 접속해주세요.

 

 

사이트에 접속해 아래의 사진과 같은 화면이 나타났다면 붉은색 화살표가 가리키는 부분을 클릭해주세요.

 

 

그럼, 다운로드할 수 있는 화면으로 넘어갑니다. 이제 'Download for Windows 53-bit'를 클릭해 다운로드를 진행해주세요.

 

 

 

만약, 아래의 사진과 같은 창이 나타났을 때 회원가입을 원하시지 않으신다면 아래쪽의 'No thanks, just take me to the download'를 눌러주시면 됩니다.

 

 

설치 파일의 다운로드가 끝나셨다면 파일을 실행해 설치를 진행하시면 됩니다.

 

 

 

설치를 진행할 때 아래와 같은 화면이 나온다면 PhpMyAdmind를 선택해주세요. 다른 옵션들은 필수는 아닙니다. 필요에 따라 선택해 골라주시면 됩니다.

 

 

 

계속 진행하다 아래와 같은 화면이 나온다면 체크표시를 해제해주세요.

 

 

 

아래와 같은 화면이 나온다면 설치가 진행 중인 상태입니다.

 

 

 

Apache 실행하는 법


설치가 완료되었다면 'Bitnami WAMP Stack 8.0.1-0을 실행해주세요.' Bitnami WAMP Stack 8.0.1-0은 Bitnami를 다운로드 받은 폴더 내부에 있는 manager-windows를 찾아 실행하시면 됩니다. 

 

 

 

Bitnami WAMP Stack 8.0.1.-0의 Manage Servers메뉴를 보시면 Apache-Web Server가 정상적으로 설치된 것을 확인하실 수 있습니다. 이곳에서 웹서버를 종료하거나 시작하실 수 있습니다.

 

 

 

 

Apache 사용하는 법


자신이 구현한 파일을 Apache Web Server를 통해 실행하기 위해서는 Bitnami를 설치한 폴더의 내부에서 apache2 폴더를 찾아 클릭하시면 apache2 폴더 내부에서 htdocs 폴더를 찾으실 수 있으실 겁니다. 이 htdocs 폴더 내부에 본인이 작성한 파일을 옮겨주세요. 그리고 웹브라우저 창에 '127.0.0.1/파일이름'을 입력하시면 정상적으로 코드가 실행되는 것을 확인하실 수 있습니다. 여기서 127.0.0.1은 사용자가 사용하는 컴퓨터를 가리키는 ip주소입니다. 만약, layout.html이라는 파일을 실행하고자 한다면 127.0.0.1/layout.html을 입력하시면 됩니다.

 

 

 

 

 

<head>
    <style>
        div{
            width:30px;
            height:30px;
            text-align:center;
            color:white;
        }
        .one{
            background-color : red;
            position : relative;
            left :10px;
        }
        .two{
            background-color : blue;
            position : relative;
        }
        .three{
            background-color : blueviolet;
            position : relative;
            left : 5px;
            top : -10px;
        }
    </style>
</head>
<body>
    <div class="one">A</div>
    <div class="two">B</div>
    <div class="three">C</div>
</body>