지난 시간에 프로젝트와 SonarCloud 연동을 했습니다.
이번 시간에는 프로젝트와 연결된 SonarCloud를 개발환경인 WebStorm의 SonarLint 플러그인과 연동해서 IDE로 개발 중에도 SonarCloud 검증이 되도록 설정해보겠습니다.
1. 설정
먼저 SonarLint 플러그인을 설치합니다.
![plugin1](https://blog.kakaocdn.net/dn/bznhuo/btrzi3QDQ8F/I3YKCRPFYkU1hy0WQA1dW1/img.png)
설치된 SonarLint 플러그인의 설정을 열어봅니다.
아래와 같이 Action 검색 (CMD + Shift + A
) 을 통해 검색합니다.
![plugin2](https://blog.kakaocdn.net/dn/cIwhat/btrzkyWHI0t/llNdCfNtrjhM9jKYIucSE1/img.png)
다음과 같이 커넥션 연결 화면이 나온다면 Configure the connection
을 선택합니다.
![plugin3](https://blog.kakaocdn.net/dn/bIox42/btrzmjEJizy/21aEKCHXhl7emB6nLM6pKk/img.png)
SonarQube / SonarCloud connections의 +
버튼을 클리해서 새로운 커넥션을 추가합니다.
![plugin4](https://blog.kakaocdn.net/dn/l4HzI/btrziD5MvLQ/eMW2WiqI53tTH4lQl4BiH0/img.png)
여기서는 SonarCloud를 쓰고 있으니 SonarCloud를 선택합니다.
![plugin5](https://blog.kakaocdn.net/dn/TGojU/btrzldY39Dk/KelP5UH0gedo4Dk78s42W1/img.png)
Next로 넘어가면 Token 입력창이 등장합니다.
해당 Token 발급을 위해 다시 SonarCloud 로 넘어갑니다.
SonarCloud의 (우측상단) Profile -> My Account로 차례로 이동합니다.
![plugin6](https://blog.kakaocdn.net/dn/cjVnWj/btrzigiKkjB/qOq9LvxPfedVizHoKd9ejk/img.png)
Security 탭을 보면 Token을 생성할 수 있습니다.
해당 페이지에서 Token을 생성한 뒤,
![plugin7](https://blog.kakaocdn.net/dn/baJQki/btrzmkDCrfo/anBimtkdA2JP4YPP3CHPbk/img.png)
IDE Connection 입력창에서 Token을 등록합니다.
![plugin8](https://blog.kakaocdn.net/dn/HRUT3/btrzndqKA8b/xTABLvNby8h5PqcFrvXSuK/img.png)
그럼 다음과 같이 SonarCloud의 Organization 항목이 나오는데 이를 선택합니다.
![plugin9](https://blog.kakaocdn.net/dn/bXFb5n/btrzjZ1iYCz/EC0GdrLMj1IJGXUMO4kEY0/img.png)
그럼 Connection은 완료되었고, 남은 것은 Project key 입니다.
Project key는 Information
-> Project Key, Organization Key
에서 확인할 수 있습니다.
![projectkey](https://blog.kakaocdn.net/dn/C7GGG/btrzmiTk4fy/sala51SgIzTCNHYTB57pkk/img.png)
그럼 다음과 같이 설정이 마무리됩니다.
![plugin10](https://blog.kakaocdn.net/dn/bL8D6E/btrzn8CIvuQ/tJru47Lkcf4fFm29ZAqJ80/img.png)
2. 마무리
이렇게 설정이 끝나면 이제 SonarCloud(혹은 SoncarQube) 가 잡아주는 여러 규칙들을 IDE에서도 만날 수 있습니다.
![plugin11](https://blog.kakaocdn.net/dn/ux4UR/btrzmkKp81H/KH9BxxJYW9UQnj2S5NpZ8k/img.png)
위 Sonar 규칙은 SonarCloud(혹은 SoncarQube)와 동일한 것을 확인할 수 있습니다.
![plugin12](https://blog.kakaocdn.net/dn/dtngDd/btrzlecA8lv/lkIksJ65Ysk30PBMXlVOIK/img.png)