I T H

1. 이미지 파일 경로 수정 - web Config 2. 빌드- 프로젝트 우클릭-  run as - run configurations- 신규일때는 gradle task 우클릭 - new ~-  workspace에서 빌드할 프로젝트 전체폴더 잡기-  Gradle Tasks에 add 버튼을 눌러서 bootJar 입력-  Apply 후 Run- 빌드 시 빨간불이 없으면 빌드 완료 3. 배포- 실제 빌드파일이 생성된 경로는 프로젝트 우클릭 - properties - Resource영역의 Location을 보면 알수있다.이 경로로 파일질라에서 파일 경로를 찾음.예시)C:\Users\kth55\git\sunjin_back\build\libs\ - 빌드파일은 build라는 폴더의 libs 밑에 생성이 됨.- 서버 경..

vite 환경에서의 배포에 대해서 다뤄볼 것이다. 1. Vite 프로젝트 빌드 npm run builddist 폴더가 생성된다. 2. 서버에 NGINX 설치 및 자동실행 설정(putty에서 명령어사용) NGINX는 톰캣처럼 서버에서 운영하는데 도와준다. - 배포에서 Nginx를 쓰는 이유빠른 정적 파일 제공: React, Vue 같은 프론트엔드 정적 파일 서빙보안 강화: SSL/TLS 설정으로 HTTPS 적용유연한 트래픽 관리: 리버스 프록시와 로드 밸런싱 기능애플리케이션 분리: 프론트엔드와 백엔드를 Nginx가 중재 NGINX를 사용하기 위해서는 서버에 접속 및 리눅스 명령어를 사용할 수 있게 putty 프로그램을 사용한다.putty에서 계정정보를 입력하고, 접속한 후 NGINX를 설치한다.여기서 리눅..

이번에는빌드한 코드를 운영서버에 실제로 배포하는 방법에 대해 간단하게 정리했다. 빌드를 하기 전, 리눅스와 윈도우는 서로 다른 운영 체제이므로, package.json에서 시작 부분 설정하는 코드에서 각 운영 체제에 맞게 별도로 명령어를 실행해야 한다.  리눅스 환경에서 export 명령어를 사용하고,윈도우에서는 set 명령어를 사용한다. 실제 서버 배포 배포하기 전 운영 서버의 ip를 알아내야 한다.1. 서버의 ip를 알아내는 방법 - ping 명령어를 사용하면된다. ex) ping 도메인주소 ex) ping ~~~.co.kr  입력하면 ip를 알아낼수 있다. ex) [~.~.~.~]2. 이 ip를 이용해서 파일질라에 접속한다.사이트 관리자로 들어가면- 프로토콜은 SFTP를 클릭하면 디폴트로 포트가 2..

회사 홈페이지를 새롭게 구축하고, 빌드 및 배포하는 과정을 정리함. 1. 먼저 빌드를 한다.- 빌드 : 쉽게 집을 만드는 과정이라고 생각하면됨.npm run build 라고 치면, build 폴더가 새로 만들어질 것이다.     2. 빌드가 완료되었다면, 이제 서버에 배포해보자!실제 서버에 배포하기 전에 테스트 서버에 배포해 보겠다.먼저 컴퓨터에 있는 프로젝트 위치를 알기 위해서 명령어 pwd를 입력해서 알아낸다.   3. [ SFTP ]SFTP는 리눅스 기반의 OS에서 파일 업로드 및 다운로드를 하기 위한 프로토콜이다.SFTP 접속을 위해서 FileZilla 라는 접속 툴을 사용할건데, 다운로드는 아래링크에서 받을 수 있다.출처: https://devth.tistory.com/82  myPortfoli..

git은 2005년 개발된 형상관리도구의 하나로써 빠른속도와 코드를 효과적으로 관리할수 있어 팀 협업에 많이 쓰여 svn과 같이 인기있는 시스템이다.그렇다면 형상관리란 무엇인가?형상관리는 소프트웨어의 변경사항을 체계적으로 추척 또는 통제하는 것을 말한다. 즉, 변경사항에 대해 기록하고 찾는 것인데 이를 위한 도구가 git인 것이다. 가장 많이 알려진 형상관리 도구로는 CVS와 SVN, 이번 장에서 다룰 Git이 있다. [ git의 특징과 장점 ] 1. 분산 버전 관리 시스템이기 때문에 인터넷연결이 되지 않는 곳에서도 관리가 가능하고, 코드를 다시 복구할 수도 있다.2. 분산 버전 관리 시스템은 2개의 저장소인 로컬저장소와 원격저장소가 존재하는데, 각자 로컬저장소에서 작업을 한 후에 원격 저장소에 반영을 ..