인천 일보 아카데미 47일차 -1- IntelliJ에서 MySQL 사용하기 / IntelliJ - HTML 편의 설정법

•  IntelliJ에서 MySQL 사용하기

1.

IntelliJ를 켜고 오른쪽 사이드바에 있는 데이터베이스를 눌러주세요

 

2.

데이터베이스 사이드바가 열리면 위쪽에 +버튼을 누르고

데이터베이스 항목에서 MySQL을 찾아 눌러주세요

 

3.

그럼 이렇게 설정칸이 나오고 여기서 사용자 , 비밀번호 , 데이터 베이스 항목에

MySQL에서 만들어둔 정보를 넣어줍니다

 

4.

정보를 다 입력했다면 연결 테스트를 눌러주세요

드라이버 파일 다운로드 팝업이 뜬다면 팝업을 눌러 다운로드 해주세요

 

 

5.

MySQL에 생성한 계정 정보와 DB정보가 맞다면 이렇게 성공팝업이 뜨고

맞지 않다면 무한로딩화면이 뜨기 때문에 무한 로딩이나 실패화면이 뜬다면

SQL에서 만든 계정 정보나 DB정보를 확인해주세요

 

6.

실험을 위해 미리 만들어둔 테이블을 출력해보면

이렇게 처음에는 테이블을 잘인식하지 못합니다

 

7.

빨간색으로 인식하지 못하는 테이블 이름위에 마우스를 올려

액션 더보기 - 스키마 새로고침을 눌러주세요

테이블 이름을 잘못입력한게 아니라면 오른쪽 사진과 같이 잘 인식하게 됩니다

 

8.

이제 해당 실행문을 실행해보면 이렇게 MySQL로 넘어가지 않고

IntelliJ에서 MySQL작업이 가능해집니다

 

 

• MySQL 콘솔 화면을 껏다면 ?

SQL콘솔 창을 실수로 껏다면 오른쪽 데이터베이스를 눌러주세요

이후 사진과 같이 디폴트 콘솔창을 열어주시면 됩니다

 

 

• IntelliJ - CSS 편하게 수정하기

IntelliJ에서도 css 수정이 가능합니다 하지만 이기능을 모른다면

매번 수정을하고 서버를 닫고 열어야하기 때문에

알아두면 좋은기능으로 작성합니다

 

1.

먼저 webapp에 resources 폴더에 경로를 하나 더 만들어 주겠습니다

저는 design으로 만들었습니다

 

2.

이제 실험을 위한 html파일을 하나 만들어주겠습니다

 

3.

이제 html파일을 열어보면 이렇게 오른쪽 부분에 팝업이하나 뜨는데요

눌러서 실행해보면 바로 vscode의 goLive와 비슷한 기능인것으 확인 할 수 있습니다

이렇게 실행하는 화면은 오른쪽 사진과 같이 터미널 마크가 생기며 css를 수정하고 저장할 때마다

새로고침되며 적용되는 화면을 보여줍니다

 

 

• 팝업을 눌렀지만 실행이 안되는경우

실행이 안된다면 서버를 종료한 상태로 실행해주세요