Inflearn Community Q&A

안녕하세요 holy_now님 kindtiger입니다 :)

우선 현재 사용하고계신 vscode에선 로컬서버를 구현해주는 기능이 들어있지 않습니다.

( 확장플러그인 live server 를 사용하셔도 안됩니다.)

직접 로컬서버를 구축해주셔야 하는데  아래 방법으로 안내해드리겠습니다 :)

1. 비트나미 설치  https://bitnami.com/stack/mamp

2. 설치 후 로컬페이지 열기 

설치 하시면 비트나미 앱이 실행되고 'go to application' 버튼을 클릭하시면 인터넷창이 뜹니다. 

창 주소는 localhost: 포트번호 로 등장합니다.

*포트번호는 해당 컴퓨터 권한에 따라 달라질 수 있습니다.

3. 경로 찾기 이후 폴더 넣기

맥과 윈도우는 경로가 다르니 참고해주세요.

맥 : 응용프로그램(applications) -> mampstack-7.3.16-2 -> apache2 -> htdocs ->  facebook 폴더넣기 

윈도우 : 로컬드라이브 (설치하신경로)  -> mampstack-7.3.16-2 -> apache2 -> htdocs ->  facebook 폴더넣기 

4. 로컬환경 실행시키기 

주소 입력란에  localhost:포트번호/폴더명/index.html 을 타이핑 하신 후 엔터를 치면 로컬 서버가 등장합니다.

너무 어려우시다면  webstorm 에디터 사용을 추천드립니다 ^&^

감사합니다 :)