본문 바로가기

IDE22

intelliJ 글씨 크기 단축키로 조절하기 다른 블로그 글들은 VScode나 Eclipse와 비교하면서1. 마우스 휠로 조절하는방법2. 설정에서 바꾸는 것밖에 없더라구요.. 1번의 단점은 내가 의도치 않게 폰트가 너무 커지거나 작아질 수 있다는 점2번의 단점은 귀찮고, 적용된 결과를 보기 위해 설정창을 열고/닫고 해야 한다는 점 저는 단축키로 하는 법을 알려드리겠습니다..!https://code-boki.tistory.com/158#d13 IntelliJ Honey Tips 6예전 작성된 글과 2024년의 내 글들을 보면 뭔가 정리수준이 올라간 게 느껴진다...부디 IntelliJ를 사용하면서 많은 도움을 얻기를 바란다(플러그인 추천 글도 2024년 version으로 업데이트를 해야하code-boki.tistory.com여기에 있긴한데, 짧글로 .. 2024. 5. 23.
IntelliJ Honey Tips 6 예전 작성된 글과 2024년의 내 글들을 보면 뭔가 정리수준이 올라간 게 느껴진다...부디 IntelliJ를 사용하면서 많은 도움을 얻기를 바란다(플러그인 추천 글도 2024년 version으로 업데이트를 해야하는데...ㅠ)- 목차bread-crumbs navigator 표시하기git 특정 라인만 커밋하기file path 압축/해제file path 단위로 이동git 기반으로 변경된 부분(신규 또는 수정된 라인)으로 이동하기파일 닫기 버튼 왼쪽으로 바꾸기 + 원 클릭으로 탭 닫기주석에 대해 오타체크 해제하기파일 마지막에 자동으로 개행문자 추가하기(LF & CRLF)memory indicator 표시하기원하는 라인으로 이동하기코드 정의 부분으로 이동하기뒤로 가기 / 앞으로 가기폰트 동적으로 줄이기 / 늘리기.. 2024. 4. 19.
IntelliJ 터미널 조금 더 잘 사용하기 요즘에 카프카로 consume, producer작업을 하는 프로그램을 개발하고 있다 kafka는 broker를 통해 topic으로 consumer, producer가 통신하는데, kafka와 zookeper를 docker-compose로 켜주고, consumer와 producer를 다른 프로세스로 실행해야된다 cosumer의 경로는 $rootProject/consumer producer의 경로는 $rootProject/producer docker-compose의 경로는 $rootProject/ . ├── docker-compose.yaml ├── consumer └── producer 로 각각 다른 경로에서 프로세스가 실행되는 상황이라고 가정한다 이럴 때 개발 툴에서 여러 터미널을 열어야 하는데 보통 i.. 2023. 10. 13.
PostMan Hoeny Tips 3 아주 오랜만에 포스트맨 관련 팁을 쓰는 것 같다..!! PostMan의 여~~~러 가지 사용 방법에서 ResponseBody를 포스트맨의 환경 변수로 저장하는 포스팅을 했었다 좀 더 고도화해서 팁을 추가해보려고 한다 목차 1. post-man HTTP /POST 요청 시에 body값 주석 2. response응답에서 headers, body를 뽑아서 환경변수로 저장 3. 단일 request가 아닌, collection 요청 헤더에 전역으로 추가 ------------------------------------------------------------------------------------- 1. post-man HTTP /POST 요청 시에 body값 주석 일단은 postman 테스트를 하기 위한 .. 2023. 9. 25.
VSCode Project단위 Settings & Extensions JetBrains 계열을 주로 써온 내가 요즘에는 VScode를 쓰게 되었다 VScode에서 프로젝트를 시작할때는 다른 팀원들과의 VSCode IDE 설정, Extensions 설정, Prettier/ESLint(Frontend) 설정 등을 Sync해줘야 한다 - Settings VSCode의 전역설정(Global Settings) 말고 작업공간별 설정(WorkSpace Settgins)를 설정해주면 된다 일단 VScode를 열어서 code command를 시스템에 설치를 하자(현재 위치를 Root Working Directory로 만들어서 VScode를 열게 해준다) code command는 VSCode에서 시스템에 설치가 가능하다 (cmd + shift + P 를 누르고 code를 검색해서 설치하자).. 2023. 5. 17.
IntelliJ Honey Tips 5 - 단축키 모음 이번 5번에서는 단축키로 돌아왔다 인텔리제이를 잘 쓰려면 단축키와 여러 기능들 또한 알면 좋다 오늘은 나름 꿀팁들을 몇개 또 들고 왔다 현재 파일에서 변수/메서드 검색: Cmd + F12(윈도우는 컨트롤 + F12) 구조(structure) 보기: Cmd + 7 (위와 비슷하다. 하지만 더 강력하다. 프로젝트 구조도 볼 수 있고 메서드 단위로 점프 뛰며 이동할 수 도 있다) 모든 메서드 및 javadoc 줄이기(collapse): cmd + shift + +/- 해당 위치의 접은 코드 늘리기(expand) : cmd + +/- => 로직이 복잡할때 모든 메서드를 줄여놓고 cmd + 7으로 메서드를 찾아가서 작업하면 눈도 머리도 안피곤함! 최근에 정말 복잡한 3000줄 이상의 .ts파일에서 LifeCycl.. 2023. 1. 5.
Semicolon auto disable in IntelliJ(Js/Ts) 자바스크립트나 타입스크립트 언어의 특징은 1. 끝에 세미콜론(;)이 있든 없든 에러가 아니다 2. 리스트나 객체의 끝에 ,가 있어도 에러가 아니다 3. 문자열로 '', ""둘다 허락한다 1. const test = '123'; const test = '123' 2. const arrTest = [1, 2, 3, 4, 5,] const arrTest = [1, 2, 3, 4, 5] let t2 = {age: 25, height: 180, grade: 'A',} let t2 = {age: 25, height: 180, grade: 'A'} 3. const hello='hello' const hello="hello" 나는 끝에 세미콜론을 붙이지 않는 것을 선호한다 또한 자바스크립트나 타입스크립트는 [1,2,3.. 2022. 12. 8.
모바일 환경 테스트하기(기기로 접속) 보통 npm install serve로 해서 내부적으로 서버환경을 만들어서 오픈된 포트를 모바일로 들어가곤 한다 근데 기왕 인텔리제이를 쓰는 김에 인텔리제이가 제공해주는 built-in 옵션으로 이용해보자! @media 쿼리를 쓰는 반응형 테스트 말고, 모바일 기기로 접속했을 때 어떤 기능을 disable 하거나 동작을 다르게 하고싶은 경우 이용하면 된다 일단 프로젝트에 resources 아래에 test할 html 파일을 만들자 나같은 경우 그냥 index.html로... vanilla js code로 돔이 준비된 경우 함수가 실행되도록 했다 웹 환경일때 result Division element에 web이라고 파란색으로 표시하고, 모바일 환경일때는 mobile로 표시하고 빨간색으로 표시하는 거다 인텔리.. 2022. 10. 23.
IntelliJ Honey Tips 4 - 필수!(feat. 협업하기 위한 셋업) 개발에 대한 포스팅이 꽤나 늦었다 ㅎㅎ 회사에서 이리 치이고 저리 치이고 야근도 한다고! 자, 우리 개발자들은 다른 사람의 코드를 보기도 하고 내가 수정하기도 하고, 내가 만든 코드를 다른 사람이 보게 된다 면접때 면접관이 중요하게 보는 포인트 중에 하나는 팀프로젝트 경험이 있는가(취준생인 경우), 회사를 다녀본 경우는 다른 팀원들과 소통의 오류를 겪었을 때 어떻게 해결했는가?(이직인 경우) 이다 이 두 질문의 Main Context는 협업이다! 코드레벨에서의 협업은 Git Commit Message Convention, Camel/Kebab/Pascal Case Convention, variable Convention, JavaDoc작성, Hard Wrap(IDEA), ESLint or TSLint, .. 2022. 10. 23.
1줄 팁 맥에서 IntelliJ 자동완성 되게 하기 윈도우 분들은 아마 Ctrl + Space누르면 자동완성을 아주 잘 해줄것이다 근데 맥 사용자들은 Ctrl + Space누르면 아무 동작도 안한다 왜냐? OS단축키랑 충돌이 나기때문이지.. 결론은 이 사용하지도 않는 친구 때문에 인텔리제이 자동완성이 되지 않고 있었다는 것!! 첫번째를 Uncheck 하도록하자 Ctrl + Space의 결과 매우 잘된다^^ 2022. 7. 27.
IntelliJ Honey Tips 3 여러 꿀팁들을 모아모아 한번에 올리고 싶었지만, 짧은 1줄 이지만 너무 유용한것 같아서 미리 올린다(22.05.220 나중에 추가로 아래에 몇개 더 올릴 것이다 1. 어떤 객체의 하위 or 상위 객체 보기(구현체 or 인터페이스 or 추상 클래스 등등 전부 다) 일단 IDE 내에서 import를 시켜서 빨간 줄을 없애준다 그리고 이 변수에 갖다 대고 단축키 (Ctrl + H를 누른다 - 맥/윈도우 모두 동일) 그러면 오른쪽에 Hierarchy(계층 구조) 탭이 열리는데 이 안에서 상위 또는 하위 객체들을 볼 수 있다 예를 들어 Map을 먼저 보겠다 맵에 커서를 둔 채로 컨트롤 H를 누르면 이런 친구들이 나온다 맵 형태로 이루어진 인터페이스, 구현클래스, 추상클래스 등이 싹 다 나온다 아이콘마다 마우스를 .. 2022. 5. 22.
PostMan Honey Tips 2 1. 요청 및 결과 저장하기 개발을 할때 api를 수정을 해야 될 때가 있다 이럴때 디버깅을 걸면서 하거나 요청 결과나 응답 결과를 메모장에 복붙하거나 그렇게 하지 말고 포스트맨의 req/res 저장하기를 활용해보자 EX) 개발된 api가 있는데 프론트 팀에서 json데이터를 보내며, 이 요청일때 오류가 뜬다는 메시지를 받은 경우 프론트 팀에서 말한다 Post /api/test/res 요청으로 { "name": 123, "age": "thel" } 를 보내면 오류가 뜬다고 (물론 실전에서는 훨씬 더 복잡할것이다. 서비스 로직을 타고 디비를 거쳤다 나오고 해야하니깐) 오류메세지를 디테일하게 내보내주는 경우, 프론트가 알아서 처리할 수 있지만 우리 백엔드 개발자입장에서는 이 요청을 저장하고 싶을 수가 있다 .. 2022. 5. 22.
IntelliJ Honey Tips 2 1. 서비스 탭이 안보일때 (못 찾을때) Alt + 8 Command + 8 번 누르면 바로 튀어나오니 걱정 ㄴㄴ 2. IPv6를 IPv4로 보고 싶을 때 기본적으로 IP 로깅을 하면 IPv6로 인식이 되어서 출력된다 테스트할 컨트롤러를 만들어준다(그냥 Rest 방식으로 테스트 해도 무방) 보시다시피 0.0.0.0.0.0.0:1 이라고 나오는게 IPv6 형식의 주소입니다 사실 현재는 4와 6를 혼용해서 쓴다고 하지만 실제로 우리는 4자리수 체제가 익숙하죠? 127.0.0.1 == localhost 인텔리J에서 IPv4방식으로 볼 수 있는 방법 Help - Edit Custom VM Options... 를 선택 -Djava.net.preferIPv4Stack=true -Djava.net.preferIPv4.. 2022. 5. 7.
PostMan의 여~~~~러 가지 사용방법 스킨 색 변경하기 난 개인적으로 검은색을 선호한다 밤에 코딩해도 눈이 안아프고 뭔가 멋있짜놔~~ 우측 상단의 톱니바퀴를 눌러주자 Settings 클릭 후 테마에서 오른쪽 선택 사용방법 Collection을 만든다 Folder 또는 Http Request를 만든다 PathVariable, QueryString, ReqeustBody, Header/Authroization을 추가하는 방법을 익힌다 Tests에 js코드를 추가해서 포스트맨 전역, 환경 변수로 갖고 있는 방법을 익힌다 Import 또는 Export를 해서 다른 사용자한테 내 json 데이터를 넘겨주거나, 혹은 다른 사용자의 json 컬렉션 데이터를 받아올 수 있다 + 문서보기 0. Workspaces를 만든다 개인/팀별 작업 공간을 만들 수 있.. 2022. 3. 15.
IntelliJ Honey Tips 1. 멀티모듈) 프로젝트의 정보들이 너무 길 때 나는 이 프로젝트의 - ~/ 같은 경로도 보고 싶지 않고, 실제로 개발하다보면 깔끔함을 추구하고싶다 그럴때에는 여기 화살표를 눌러주자 그리고 패키지를 선택해주면! 난 이정도도 깔끔해진거같다! 또 다른 옵션으로는 프로덕션 / 테스트로도 볼 수 있다 실제로 테스트 코드만 볼 수 있다! 매우 좋음 짱짱 2. 멀티모듈, MSA 방식일때 내가 쓰고 있는 DTO가 어디에 있는건지 찾고 싶을 때가 있다. 파일은 열려잇는데, 이게 어느 모듈, 위치에 있는지 알고 싶을때가 있다. 이럴때 이 옵션을 체크하면 된다 이걸 체크해주면 현재 열려있는 파일이 어느 위치에 있는지 열리게 된다 현재 열려있는 AuthController를 프로젝트 경로에서 어디있는지 바로 열어준다 현재 C.. 2022. 3. 6.
JetBrains Live Template 활용하기 열심히 개발을 하고 있으면서 개발에 대한 내용을 쓰기보다 IDE활용을 올리는거같은기분이다... 저번주에는 회사동기가 단축키 잘쓴다고 하던데 기분이 좋았다 > for(String x : str) { } 추가로 마이바티스.xml의 위에 값들이 기억 안날수도있기에..ㅎ xml파일에서 mybatis라고 치면 이정도만 입력되게 해놧다 참고로 어느 ide에서나 다 있다 vscode에도 있을꺼다 근데 커스텀하기는 불편하다고 들었다 그럼 추가로 끝! 책에 대한 후기나, 개발 핫픽스적인 내용을 좀 올려야겟다..ㅎ 블로깅 넘 어려벙 2022. 2. 19.
IntelliJ (fancy ≠ operator, 이음자) 활성 1. 비활성화 2. 활성화 차이점을 알겠나요? 심플하게 != 에서 =에서 / 가 추가되었고 / =가 /= 가 된 느낌이죠!! 아주 가끔 이런거를 물어보는 사람들이 있어서 포스팅을 하게되었습니다 설정을 들어가주세요 맥북 기준 Command + , 윈도우는 Ctrl + Alt + S Editor(에디터) -> Font(글꼴) 에 들어가시면 Enable ligatures(이음자 활성화)라고 있습니다 체크를 해주시면 됩니다!! 2022. 2. 6.
인텔리제이 프로젝트명 수정하기 1. 파일 - Project Structure(맥 기준: Cmd + ;) 프로젝트 이름 수정 2. settings.gradle안에서 rootProject.name = 수정 3. 새로 고침 2022. 1. 16.
IntelliJ로 코딩테스트를 하는 분들을 위한 플러그인 보이시나요!? 왼쪽에 코드 치는 부분과 별개로 우측에 문제 부분이 나온것을... Embedded Web Browser라는 플러그인입니다 집에서 듀얼 모니터로 한다면 상관이 없지만, 카페에 노트북 하나 들고가서 코딩하시는분들은 알트탭이 월마나 귀찮은지, 특히 코테문제같은거를 풀때 아실거에요 인텔리제이 설정창에서 플러그인 탭을 누르시고 web browser를 검색하시면 embedded web browser가 나옵니다! 이거를 설치하면 우측 탭에 embedded web browser라는게 생깁니다 주소를 적는 쪽에 붙여넣기를 하고 Go를 누르면 이동됩니다 참고로 아쉬운점은 브라우저 내부에서 뒤로가기가 안된다는 점입니다 저는 혹시라도 보안을 생각해서 백준 비밀번호를 쉬운거로 바꾸고 저쪽에서 로그인 해서 제출한다.. 2021. 8. 8.
JetBrains IDE IntelliJ(+WebStorm etc..) 주석 커스터마이징 IntelliJ(+WebStorm) 주석 커스터마이징 IntelliJ, WebStorm comment customizing 1. 개요 알고리즘으로는 파이참(파이썬), Node.js로는 vscode, 스프링으로는 인텔리J, 그리고 리액트로는 이번에 최근에 웹스톰을 쓰게되었다. (C로는 Visual Studio..) 파이썬을 보면 주석이 """ """와 # 두가지가 있는 것을 볼 수가 있다. 나는 주석이 언어자체에만 있는건줄 알았다. C언어를 배울때 //와 /* */를 배웠고, HTML을 배울때는 를 배웠으니 말이다. 하지만 코드 작성시, 동작은 하지 않지만, 이 코드를 메모로, 혹은 버그로, 혹은 기타 등등으로 표시하고 싶을때가 있다. 주석을 표시는 할 수 있지만 에디터에서 눈에 띄지 않는 회색으로 처리되.. 2021. 6. 27.