본문 바로가기

IDE22

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.