23_1 웹응용프로그래밍 팀프로젝트
프로젝트명: Busan_tourism
목표
- 관광지 정보 표준 데이터 api를 활용하여 열람 가능한 관광지 정보 사이트
- chat GPT의 Q&A api를 활용하여 관광지에 관한 사용자의 정보 검색시간 단축
프로젝트 환경 설정 단계
- Visual Studio Code 설치
- node.js, npm, npx 설치
- 로컬에 설치되어 있는지 확인하는 방법
컴퓨터 cmd 창에 다음과 같이 입력한다.
- 이미 설치 되어 있을 시 다음 단계 진행하면 됨
프로젝트 실행
- 프로젝트 폴더 만들기
- (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 창이 없을 때 진행한다.
- 공식 홈페이지에서 Git Bash 설치 파일 다운로드 : https://git-scm.com/ (설치 후 email 입력란이 나오는데, git 가입한 email로 입력하는 것이 좋다)
- GitHub Desktop 설치 : https://desktop.github.com/
- 프로젝트 폴더와 연동한다.
- <프로젝트 실행> 3번으로 돌아가 실행한다.
'Study > Code' 카테고리의 다른 글
[JS] 웹 상에 존재하는 UI 만드는 법 (0) | 2023.07.03 |
---|---|
자바스크립트 조작 방법 (0) | 2023.07.03 |
[23_1 웹응용프로그래밍 팀프로젝트] GitHub 활용 (1) | 2023.06.01 |
[React] react for beginner (0) | 2023.05.07 |