반응형 개발 공부/Tool 사용 팁10 Delete `␍` (prettier/prettier) 에러 해결 방법 Delete `␍` (prettier/prettier) 에러 해결 방법 Eslint와 Prettier를 설정한 다음 위 "Delete `␍` (prettier/prettier) " 에러가 생겼다. 처음엔 여러 줄의 에러 도배로 당황했지만 자주 보는 에러의 경우 이제 뭐가 원인인지 알게 된다. 위의 오류의 경우 prettier의 End of Line(줄바꿈) 오류이다. 코드에는 문제가 없지만 줄바꿈값이 섞여 오류가 나는 것이다. 해결방법 방법 1. 줄 시퀀스를 CRLF → LF로 변경해준다. 오른쪽 하단의 CRLF를 클릭라면 위쪽에서 LF와 CRLF를 선택하는 메뉴가 나오는데 LF를 클릭해주면 끝난다. 이 경우 모든 파일의 줄 시퀀스가 CRLF이므로 하나하나 변경해줘야 하는 번거로움이 있다. 방법 2. E.. 2024. 3. 11. `Exrta semicolon semi` 에러 해결 방법 `Exrta semicolon semi` 에러 해결 방법 `Extra semicolon semi` 이 에러는 기존의 프로젝트 파일을 깃에서 Pull 을 받아서 실행할때 나오는 에러로 Eslint나 prettier가 세미콜론을 인식하여 발생하는 에러이다. 해결하려면 semicolon을 인식 못하게 하거나 제거해야 한다.! Eslint와 Prettier 두 도구를 같이 사용하는 경우가 많고 비슷한 역할을 해서 차이점을 모르고 사용하는 경우가 많다. Eslint는 Linter이고 Prettier는 Fomatter로 Eslint는 코드 스타일과 퀄리티 규칙을 점검하는 역할을 하고 Prettier는 코드 포매팅을 수행하는 역할을 한다. 그런데 ESlint의 코드 스타일 규칙과 Prettier의 코드 포매팅의 역할.. 2024. 3. 11. IntelliJ[인텔리제이] `Cannot resolve symbol` 에러 해결 방법 IntelliJ[인텔리제이] `Cannot resolve symbol` 에러 해결 방법 인텔리제이를 사용하다 보면 "Canot resolve symbol '...' " 오류나 또는 "package org. ... .convention does not exist" 라는 오류를 한번씩 본적이 있을 것이다. 이 오류는 아래와 같이 Impot가 제대로 안돼거나 읽지 못해서 발생한 오류이다. 오류 해결 방법 방법 1 첫번째 방법은 리빌드(빌드를 다시)하는 방법이다. 메뉴 상단의 [Build - Clean Project] 후 [Build - Rebuild Project] 를 눌러 리빌드 해준다. 방법 2 두번째 방법은 캐시를 지우는 방법이다. 메뉴 상단의 [File - Invalidate Cashes... ]를 누.. 2024. 3. 8. VSCode 메뉴 언어 설정 변경(한국어, 영어) VSCode 메뉴 언어 설정 변경(한국어, 영어) VScode를 처음 깔면 메뉴가 영어로 되어있다. 영어가 불편해서 한국어로 바꾸려면 한국어 설정을 해주어야 한다. 언어(한국어) 설정 변경 방법 1. VScode를 처음 설치했다면 한국어 확장팩을 설치해야 한다. 왼쪽메뉴의 확장팩버튼(빨간색 네모)을 클릭하고 검색창에 "Korean"을 입력해서 맨위에 나오는 확장파일을 클릭한뒤 Install을 해준다. 2. [Ctrl + Shift + P]키를 누르고 "language"를 입력하고 Configure Display Language를 클릭한다. 3. 한국어를 클릭하면 VScode의 언어를 한국어라고 물어보고 창을 다시 시작하면 한국어로 모든 메뉴들이 바뀌게 된다. 4. 새 창으로 다시시작되고 한국어로 바뀐 메.. 2023. 12. 21. VSCode 화면 확대 / 축소 (메뉴+소스코드 크기 조정) VSCode 화면 확대 / 축소 (메뉴+소스코드 크기 조정) 1. Setting 메뉴에서 폰트 크기 조절 1) 설정 메뉴 ① 파일 - 기본 설정 - 설정 ② 왼쪽 하단의 톱니바퀴 버튼 - 설정 2) 설정 메뉴에서 [사용자 → 창 → Zoom Level메뉴]를 찾아 숫자를 입력하거나 설정 검색란에 Zoom Level을 입력해 Zoom Level메뉴 를 찾아 숫자를 입력한다. 2. 단축키 이용 ['Ctrl' + '+'키]: 확대, ['Ctrl' + '+'키]: 축소를 이용해 화면을 확대/축소 할 수 있다. 단축키를 이용하는 편이 화면을 비교 할 수 있어 좀 더 편리하다. 아래 포스팅은 메뉴 화면은 확대/축소하지 않고 소스코드 폰트 크기만 조절하는 방법이다. https://develop-jw.tistory.c.. 2023. 12. 21. VSCode 글자크기 확대 / 축소 (소스코드 글자 크기 조정) VSCode 글자크기 확대 / 축소 (소스코드 글자 크기 조정) 1. Setting 메뉴에서 폰트 크기 조절 1) 설정 메뉴 ① 파일 - 기본 설정 - 설정 ② 왼쪽 하단의 톱니바퀴 버튼 - 설정 2) 설정창에서 [사용자 → 텍스트 편집기 → 글꼴 →Font Size]에서 숫자를 입력 2. 마우스 휠을 이용해 폰트 크기 조절 1) 설정 메뉴에서 [사용자 → 텍스트 편집기 → Mouse Wheel Zoom메뉴]를 찾아 체크 박스에 체크하거나 설정 검색란에 Mouse Wheel Zoom을 입력해 Mouse Wheel Zoom메뉴를 찾아 체크 박스에 체크 한다. 2) Ctrl + 마우스휠을 이용하여 폰트 크기 조절 마우스로 조절하는 편이 비교를 할 수 있어 좀 더 편리하다. 아래 포스팅은 소스코드의 폰트 크기.. 2023. 12. 21. 이전 1 2 다음 반응형
