Spring Boot ​ 스프링부트 프로젝트를 완성한뒤 배포하는 방법에 대해 정리! ​ 스프링부트는 톰캣을 내장하고 있기 때문에 배포를 하고나서 jar를 실행해주기만 하면 바로 돈다는 사실! ​ 선행작업 ​ 1. 서버를 돌릴 컴퓨터에 해당 버전의 자바가 깔려있는지 확인! -나 같은경우에는 java11을 쓰기때문에 open jdk 11 을 다운받아 설치! (환경변수 자동 셋팅 필수) -이후 cmd 에서 java 쳐보고 잘나오는지 확인 ​ 빌드 하는방법 ​ cmd 창을 켜고 해당 폴더로 이동 (cd 명령어) 그럼 gradlew.bat 파일이 있을텐데 ​ 잘 되는지 gradlew.bat 를 입력하고 엔터! ​ 그럼 이렇게 되는지 나올것임! ​ 이제 빌드를 제대로 해보자! ​ 명령어: gradlew build ..

이번글에서는 npm 을 통해 node.js를 설치하고 react-app project를 생성하고 빌드하는 방법에 대해서 알아보겠습니다. npm설치가 되어있지 않으신 분은 이전 글을 참고해주세요. https://yellongs.tistory.com/entry/React-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-%E2%91%A0-Homebrew-NVM-%EC%84%A4%EC%B9%98-nvm-not-found-%EC%98%A4%EB%A5%98%ED%95%B4%EA%B2%B0%EB%B2%95-%ED%8F%AC%ED%95%A8 React 시작하기 ①- Homebrew, NVM 설치 (nvm not found 오류해결법 포함) React Programming 공부를 시작하기에 앞서 다음과..

React Programming 공부를 시작하기에 앞서 다음과 같은 환경설정들을 진행해주어야 한다. 이글을 천천히, 정독하셔서 진행하시면 zsh not found와 같은 오류를 피하고 react 프로그래밍을 위한 안정적인 mac셋팅을 하실 수 있습니다. ►개발환경: Mac OS Big Sur ►터미널: iterm2 사용 (iterm 설치 및 환경설정은 추후 업로드 하겠습니다.) ►이 글에 서 배울 것들 -homebrew 설치 -nvm 설치 1. homebrew 란? -터미널에서 명령어를 통해서 패키지 설치 및 삭제를 도와주는 도구(Yum, apt-get install 이런거와 비슷함) - ex) brew install 000 등으로 편리하게 패키지 설치를 도와준다. 2. homebrew 설치 터미널에 다..

코드를 매번 탭키를 눌러주고 정렬해주고 귀찮고 힘든작업을 하는 저희를 구원해줄 도구가 나타났다! 그것은 바로 Prettier !! (이쁘게) Visual Studio Code에서 익스텐션 설치하는 창으로 가신뒤, Prettier를 검색해주세요. Prettier란 엉망진창인 제코드를 예쁘게 포맷해주는 도구랍니다. 이렇게 생겼어요!! 이걸 설치 후 file -> preference -> settings 에들어가서 검색창에 format on save를 치신뒤 체크해주세요! 그럼 어떻게 실행되는지 보여드릴께요 수정 전 저장 버튼 누른 후 이렇게 코드를 알아서 정리해준답니다. 잠깐! 여기서 저장을 해도 소용이 없으신분들은 다음과 같이해주세요. Ctrl + Shift + p 를 누른 후 입력창에 Format Doc..

웹사이트를 개발하면서 소스코드를 수정하고 저장한뒤, 로컬로 돌린 웹사이트를 새로고침버튼을 매번 누르기 힘드셨죠? 소스코드를 수정해서 저장만하면 바로바로 새로고침되어 보여주는 툴인 Live Server를 설치하는 방법에 대해 알아볼께요. 비주얼스튜디오를 실행해주구요 왼쪽에 있는 메뉴중 가장 끝에것을 눌러주세요. 이렇게생겼어용 그리고 검색에 live server 라고 입력! 그리고 설치를 눌러줍니다. (Ritwick Dey 라는사람 걸 설치하시면 됩니다) 마치 가상의 서버가 있는것처럼 아이피주소를 통해 웹페이지를 보여주는 기능이에요. 환경이 좀 더 실제 서버환경과 같은 환경에서 작업을 할 수 있으니깐 편리하겠죠?! 사용법은 간단해요 우선 원하는 파일 (ex. index.html)에 오른쪽을 클릭하고 open..