Free Learn

코드를 자동정렬 해줘서 깔끔하고 가독성을 높여주기에 프로젝트 셋팅 시 Prettier를 항상 사용합니다. VSCode에서 Prettier 설정 방법과 적용 안될 때 해결 방법을 알아보겠습니다. Prettier 설치 Extensions에서 검색하여 Prettier - Code formatter를 설치해줍니다. VSCode에 적용 Settings에 들어가서(cmd + ,) prettier를 검색합니다. Default Formatter를 Prettier - Code formatter로 선택합니다. format on save를 검색합니다. Format On Save 설정을 활성화 합니다. (저장할 때마다 Format 적용시키는 옵션) 적용 안될 때 해결방법 보통은 설정만 해주면 잘 돌아가겠지만 특수한 경우 안될..

IntelliJ계열 IDE에서 js파일을 개발하다보면 console.log()를 많이 사용하게 됩니다. 하지만 기본으로 설정된 shortcut이 없어 로그를 찍으려면 번거롭습니다. IntelliJ계열 IDE에는 shortcut을 커스터마이징 하는 기능을 제공하기 있기에 자주 사용하는 문자열을 등록할 수 있습니다 shortcut등록 메뉴 Preferences > Editor > Live Templates 등록 방법을 알아보겠습니다. 사용할 단축어와 설명, 텍스트를 입력합니다. Abbreviation: 사용할 단축어(저는 console, log의 앞글자를 따서 cl로 정했습니다) Description: 설명 Template text: 사용할 텍스트 console.log(); 등록이 완료됐습니다. 실제 에디터..

IntelliJ에서 option + cmd + a 단축키는 Actions를 검색하는 단축키로 자주 사용하는 단축키 중 하나입니다. 증상 하지만 단축키를 실행하면 아래와 같이 다른 창이 뜨면서 오른쪽 하단에 단축키가 충돌된다는 알림창이 뜹니다. Modify shortcuts에 들어가면 저 단축키가 충돌난다고 친절하게 알려주네요. 원인 Mac 시스템에서 사용중인 단축키와 겹쳐서 나타나는 현상입니다. IntelliJ입장에서는 시스템 단축키가 우선순위가 높으니 정상적으로 실행되지 않습니다. 해결방법 1. 시스템 환경설정 -> 키보드 메뉴로 들어갑니다. 2. 단축키 탭의 서비스 메뉴에서 '터미널에서 man 페이지 인덱스 검색' 설정을 체크 해제합니다. 다시 IntelliJ에서 단축키를 실행하시면 정상적으로 동작하..

Lombok을 사용하다보니 너무 편해서 Lombok없이는 개발이 너무 힘들것 같습니다. 이제는 필수가 되어버린 Lombok. IntelliJ에서 어떻게 설정하는지 정리하고자 합니다. 1. Lombok Plugin 설치 Preferences -> Editor -> Plugins 아래 메뉴에서 Lombok을 Install합니다. 저는 이미 설치해서 Installed로 나오는데요. Install 버튼을 누룬 후 IntelliJ를 재시작합니다. 2. Enable annotation procession 이게 안되어 있으면 똑똑한 IntelliJ에서 우측 하단에 친절하게 안되어 있으니 Enable할거냐고 물어봅니다. 여기서 Enable 누르셔도 됩니다. 수동으로 설정하는 방법은 Preferences -> Build..

개발을 하다 보면 여러 프로젝트를 이동해야 하는 경우가 있습니다. 이럴 경우 여러 창을 띄워서 이동하는게 편합니다. IntelliJ에서 새로운 프로젝트를 띄울때마다 새 창으로 띄울 건지 작업중인 윈도우에 띄울 건지 물어보는데 잘못해서 작업중인 윈도우에 뜨도록 기본 설정 해버렸네요. 이를 변경하는 방법을 알아보겠습니다. 1. Preferences(단축키 Cmd + ,) 먼저 Preferences로 들어갑니다. 2. Project Opening 설정 Appearance & Behavior -> System Settings -> Project Opening메뉴로 가서 Open project in new window를 선택해 주면 됩니다. 별거 아닌 설정이지만 작업 효율에 영향을 많이 주므로 저처럼 여러 창을 ..