노력하는 개발자 노력하는 개발자

Tool

• Figma 단축키

  Tool/Figma 2024. 10. 31. 10:07

  단축키단축키 패널 보기 (공식 사이트 - 단축키)Mac: ^Control + Shift + ?Windows: Ctrl + Shift + ? 자주사용하는 단축키구분단축키설명개발자/디자인 모드shift + d2024년 1월부터 유료화, 디자인의 세부 사항을 정밀하게 볼 수 있고, 이를 통해 디자인을 정확히 이해하고 코드로 변환하는데 도움이 되는 모드

  Read More
• IntelliJ 에서 Java main함수 실행하는 방법

  Tool/IntelliJ 2024. 6. 11. 17:31

  간단한거라도 기록과 동시에 복습 1.  직접실행1.1. main 메소드 앞 실행 버튼으로 바로 실행 1.2. 실행 할 자바파일 선택 후 마우스 오른쪽 -> Run, Debug 2. Run > Edit Configurations...Configuration 추가 VM options을 추가 및 설정하고 main함수에 전달할 Argument를 설정한다. console에서 실행/usr/bin/java \-Dlogback.configurationFile=/opt/.../backend/batch/logback.xml \-Dbatch.properties=/opt/.../backend/batch/batch.properties \-jar /opt/.../batch.jar \Test

  Read More
• IntelliJ에서 settings 초기화

  Tool/IntelliJ 2024. 5. 3. 13:28

  IntelliJ2022년 버전을 사용하다가 최근 버전으로 재설치하였는데 설정들이 꼬여서 그런지 정상적인 동작을 하지 않았다..idea파일을 삭제해도 그렇고 암튼 툴 자체를 초기화 하는 방법을 찾아서 정리해 둔다. IDEA 초기화플러그인도 모두 삭제된다.

  Read More
• Code Style, Check Style 적용

  Tool/IntelliJ 2024. 5. 2. 11:04

  1. Code Style 적용 (formatter)1.1. formatter import 적용 1.2. 작동 확인Window : Ctrl + Alt + LMac : Command + Option + L 1.3. 기타 설정저장 할때마다 포멧 적용되도록 하기 xml 붙혀넣기 했을때 포멧팅 되는 기능 제거   2. Check Style 적용2.1. Check Style Plugin 설치 2.2. Check Style 설정IntelliJ IDEA를 재시작하고 Settings -> Tools로 이동하게 되면 Checkstyle이 추가되어있다. 2.3. 추가한 Checks 선택 후 Apply 2.4. 작용 확인IntelliJ IDEA 하단에 CheckStyle 탭 클릭하면 아래와 같이 뜨고 초록색 재생버튼을 누르게..

  Read More
• IntelliJ CE JDK, 모듈 설정 및 서비스 추가

  Tool/IntelliJ 2024. 4. 9. 12:55

  IntelliJ CE 최신버전으로 JDK 설정 및 모듈 설정하는 방법을 기록해 두자. 1. JDK 설정OpenJDK 17버전이 설치 되어 있지 않아서 설치한다.  2. Module 설정IntelliJ CE에서 프로젝트를 열게되면 모듈을 자동으로 불러 와서 설정해 주는것 같은데 IntelliJ 이전 버전에서는 자동으로 불려지지 않는것 같다, 필요하다면 아래 화면에서 삭제하고 새로 모듈을 불러오자. 3. Run Configurations 설정IntelliJ CE 버전은 스프링부트 모듈 인식해서 Run Configurations에 자동으로 등록해주는 기능이 없다고 한다, Application을 직접 등록해주자.    application.yml 운영 환경에 따라 다르게 불러오는 로직이 추가되어서 Active ..

  Read More
• 정규식으로 text 변환하기

  Tool/VSCode&Cursor 2023. 11. 20. 13:26

  변경 전 변경 후 검색 치환 코멘트 var(--aaaaa) $--aaaaa var\((--[^)]+)\) 상동 상동 var(--aaaaa) $aaaaa var\(--([^)]+)\) 상동 상동

  Read More
• ESLint와 Prettier 설정하기

  Tool/VSCode&Cursor 2023. 11. 17. 17:40

  1. ESLint 설치 및 사용방법 1.1. ESLint 설치 $ yarn add -D \ eslint \ @typescript-eslint/eslint-plugin \ @typescript-eslint/parser \ eslint-config-airbnb \ eslint-plugin-import \ eslint-plugin-jsx-a11y \ eslint-plugin-react \ eslint-plugin-react-hooks \ eslint-plugin-sort-keys-fix \ eslint-plugin-storybook 1.2. configuration file 생성 $ yarn create @eslint/config bash를 실행하면 아래와 같이 각자의 환경에 대한 선택하는 부분이 나온다. 1..

  Read More
• VSCode에서 Python 개발환경 만들기

  Tool/VSCode&Cursor 2023. 8. 11. 10:06

  VSCode에서 파이썬 개발환경을 설정해보자 1. Visual Studio Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. 필수 Extension 설치 및 테스트 2.1. Py..

  Read More