본문 바로가기

Study/Code

[23_1 웹응용프로그래밍 팀프로젝트] 초기 설정 단계

23_1 웹응용프로그래밍 팀프로젝트

프로젝트명: Busan_tourism

목표

- 관광지 정보 표준 데이터 api를 활용하여 열람 가능한 관광지 정보 사이트

-  chat GPT의 Q&A api를 활용하여 관광지에 관한 사용자의 정보 검색시간 단축 


프로젝트 환경 설정 단계

  1. Visual Studio Code 설치
  2. node.js, npm, npx 설치
  3. 로컬에 설치되어 있는지 확인하는 방법

컴퓨터 cmd 창에 다음과 같이 입력한다. 

 

  • 이미 설치 되어 있을 시 다음 단계 진행하면 됨

프로젝트 실행

  1. 프로젝트 폴더 만들기
  2. (git이 설치되어 있다는 가정 하에) 폴더에서 Visual Studio Code 열고, terminal 창에서 Git Bash 창 열기

   

   3. 아래와 같이 입력  ---> 폴더 아래에 git에서 받은 폴더가 생성됨

git clone https://github.com/UpdownPark321/Busan_tourism.git

   

  4. terminal 창 중에서 cmd 창으로 들어가 cd Busan_tourism 입력하여 위치를 이동

  5. terminal -cmd 창에서 npm install 

  6. terminal - cmd 창에서 npm start

 

※ 작업할 때 주의할 점!! ※

프로젝트 terminal에서 'git pull origin master'하고 원격 저장소에 올라온 새 파일들 자기 로컬 저장소에 당겨온 다음에(pull) 작업 시작해야 함 ❗❗

 


Git Bash / GitHub Desktop 설치

다음은 프로젝트 실행 단계에서 2번까지 진행 후 terminal에 Git Bash 창이 없을 때 진행한다.

  1. 공식 홈페이지에서 Git Bash 설치 파일 다운로드 : https://git-scm.com/ (설치 후 email 입력란이 나오는데, git 가입한 email로 입력하는 것이 좋다)
  2. GitHub Desktop 설치 : https://desktop.github.com/
  3. 프로젝트 폴더와 연동한다. 
  4. <프로젝트 실행> 3번으로 돌아가 실행한다.
 

Git

 

git-scm.com