[CPH] VSCode에서 테스트코드 편하게 돌리기!

안녕하세요

아래와 같이 백준 문제 풀이를 하면서 테스트 코드를 편하게 돌리는 방법을 찾아보다가!

 

CPH라는 방법을 알게되어 공유하고자 정리겸 왔습니다.

 

 

 

 

 

🔽 1. VSCode or IDE에서 'CPH(Competitive Programming Helper)'설치

왼쪽 익스텐션 창에서 CPH를 검색하셔서 Install 버튼을 눌러주시면, 아래와 같이 install된 것을 확인할 수 있어요.

저는 vscode가 아닌 Cursor를 사용하고 있어서 동일한 방법으로 설치했어요.

 

 

 

🔽 2. 

Competitive Companion은 크롬 익스텐션입니다. 

 

아래의 링크로 접속해서 'Chrome에 추가'버튼으로 크롭 익스텐션을 추가해주세요.

https://chromewebstore.google.com/detail/competitive-companion/cjnmckjndlpiamhfimnnjmnckgghkjbl?hl=ko&utm_source=ext_sidebar

 

아래와 같이 확장 프로그램이 잘 설치된 걸 확인할 수 있어요.

 

 

구글 크롬에서 확장프로그램 추가하신 뒤에 아래의 이 핀모양을 누르면 우상단에 확장프로그램이 고정됩니다. 

 

 

 

 

테스트 코드를 추가하고자 하는 백준 사이트를 켜놓고 우측 상단에 고정한 초록원모양 확장프로그램을 클릭하면,

 

 

 

 

아래와 같이 vscode에서 언어를 설정할 수 있어요. 

저는 js로 진행할 거라 js를 선택해주었습니다.

 

 

 

언어 설정까지 마치면 아래와 같이 테스트 코드가 잘 들어온 것 을 확인할 수 있어요!

 

 

 

아래와 같이 잘 동작하는 것도 확인할 수 있어요 ㅎㅎ

 

 

 

 

 

 

 

끝!