2021. 11. 27. 19:12ㆍ[프론트엔드]_/[Javascript]_ES6
1. IntelliJ 공식 홈페이지에서 다운로드를 받는다.
https://www.jetbrains.com/ko-kr/idea/download/#section=windows
2. 한국어가 좋다면 한국어 패치를한다.
https://plugins.jetbrains.com/plugin/13711-korean-language-pack------/versions
intelliJ가 설치 되어있으면 다운로드만 하면 알아서 다시 시작하라는 문구가 뜬다.
하지만 영어가 더 편함으로 그대로 사용한다.
3. Tomcat을 사용한 웹구축이기 때문에 Tomcat 을 설치한다.
https://tomcat.apache.org/download-10.cgi
여기에서 download 클릭 -> Tomcat 9 -> 자신의 OS에 맞는걸 선택하여 다운로드 한다.
설치된 파일을 압축 해제한다.
cmd를 관리자 권한 모드로 실행한뒤 설치된 폴더의 bin까지 이동한다.
그리고 service.bat install을 명령하면 설치가 된다.
이후 압축을 푼 파일에서
를 실행한다.
다음과 같은 창이 뜬다.
여기서 start 버튼을 클릭하면 위의 화면과 동일해진다.
그리고 http//:http://localhost:8080/로 이동시 다음과 같은화면이 떠야한다.
4. 이제 IntelliJ 에 연동
일단 새로운 프로젝트를 생성한다.
쭉쭉 진행하다보면 완료창이 뜬다.
정상적으로 프로젝트가 생기면 위의 화면에서 Run-> Edit configuration 클릭
로 이동하고 좌측 상단의 +버튼을 클릭한다.
여기서 tomcat-> local을 선택하면 다음과 같다
여기에서 configure 클릭한다.
그럼 이런창이 뜰 것이고 디렉토리는 tomcat을 설치한 위치로 설정한다.
요렇게 설정하고 ok를 누른다
그리고 다시 이런화면으로 돌아가게 된다. 아래에 보면 http 포트 설정도 가능하고 Default로 열 브라우저도 설정 가능하다. 보통 크롬으로 많이 하니까 크롬으로 설정하였다. 포트는 8080은 사용하는게 있어서 8000으로 변경하였다
그리고 이 창으로 와서 내가 html,js를 생성한 파일 src를 설정해두면 검색창에 http://localhost:8000/src/ 로 연결시 해당 창이 뜨게된다.
이처럼 화면은 만들지 않았지만 html 파일과 js 파일로 console 연습장이 나오는것을 확인 할 수 있다.
참고 사이트 :https://www.jetbrains.com/help/idea/2021.2/new-project-wizard.html#maven
참고 블로그 : https://goddaehee.tistory.com/247
'[프론트엔드]_ > [Javascript]_ES6' 카테고리의 다른 글
[_IntelliJ ]_ 코드 작성 시간을 줄여주는 단축키 (0) | 2021.11.30 |
---|---|
[초보개발자]_JSP 메모장 3번 (0) | 2021.11.29 |
[프론트엔드]_JavaScript(es6)_5. Object (0) | 2021.11.27 |
[프론트엔드]_JavaScript(es6)_4. Class (0) | 2021.11.27 |
[초보개발자]_JSP 메모장 2번 (0) | 2021.11.26 |