본문 바로가기

DEV47

[IntelliJ] 프로젝트 디렉토리 보이지 않을 때 해결법 접근 (요약) 인텔리제이에서 코드 작업을 하다보면 종종 브랜치간의 이동을 한다거나, git 작업을 이어가게 됩니다. 이 때, git checkout을 하거나 특정 행위를 하다보면, 개발자도 모르는 사이에 프로젝트의 디렉토리가 모두 사라져 보이지 않는 문제가 발생하곤 합니다. 이를 간단하게 해결해보는 방법을 학습해보겠습니다. 1. 문제식별 2. 문제해결 (1) IntelliJ > File(상단메뉴) > Project Structure (2) Project Settings > Modules > Import Module (3) 프로젝트 선택 및 경로 지정 방법 1. 문제 식별 2. 문제 해결 (1) IntelliJ > File(상단메뉴) > Project Structure (2) Project Settings.. 2024. 1. 15.
[Figma] We can't open that file 에러 해결 (WebGL) 접근 (요약) Figma를 사용하던 와중 예기치 않은 에러와 맞닥뜨렸습니다. "We can't open that file"이라며 크롬 브라우저 내 WebGL 설정 관련 에러였습니다. 해결토록 합시다. 1. 에러 메시지 2. 해결 방법 1. 에러 메시지 Uh oh... we can't open that file we can't open the editor because WebGL isn't supported, or is disabled, in your browser. if your browser supports WebGL, check out this help article to find out how to enable it. 2. 에러 해결 1단계) chrome://flags 접속 2단계) WebGl Dr.. 2023. 12. 13.
[IntelliJ] IDE settings (저장시 코드 자동 정렬, 사용하지 않는 import문 자동 제거) 접근 (요약) 인텔리제이를 통해 기본으로 설정할 내역들이 존재합니다. 가령, 저장시 코드를 자동으로 정렬해준다거나 파일 내에서 더 이상 사용하지 않는 import 구문을 자동으로 없애주는 등의 필수적 설정 내역을 함께 알아보겠습니다. 1. 저장시 코드 자동정렬 2. 불필요 import문 자동제거 방법 1. 저장시 코드 자동정렬 2. 불필요 import문 자동제거 2023. 12. 11.
[IntelliJ] 인텔리제이 필수 / 주요 플러그인 목록 (plugin) 접근 (요약) IDE 를 IntelliJ로 갈아타기 성공했습니다. 초기 설정이 필요한 필수 / 주요 플러그인 목록을 나열해봅니다. 1. 플러그인 목록 + 설명 ■ (상위10) .env files support : .env 파일에서 환경 변수를 설정하는 데 구문 강조 표시 & 도움 ■ (상위10) Translation : Google & MS 엔진과 통합돼 모든 TEXT 번역 ■ (상위10) Atom Material Icons : 탐색기의 아이콘을 보기 좋게 변경 ■ (상위10) Rainbow Brackets : 코드 내 괄호가 여러 개일 때, 컬러로 구분해서 가독성을 높여준다 ■ (상위10) GitToolBox : git을 사용할 때 가독성을 높여주는 툴 ■ (상위10) One Dark Theme : 2.. 2023. 11. 23.
[IntelliJ] 인텔리제이 설치 링크 & 학생계정 등록 방법 접근 (요약) IDE 를 바꿀 수 있는 기회가 생겨 vscode에서 IntelliJ로 갈아타기를 성공했습니다. 학생계정을 이용해 유료버전(얼티밋)을 무료로 사용할 수 있도록 라이센스 설정을 해봅니다. 1. 학생 라이센스 인증 링크 접속 2. Apply now (하단) 3. 정보 입력 후 (대학 이메일 계정) 4. 메일 수신 및 클릭 5. 접속 후 회원가입 6. 라이선스 획득 확인 7. 설치 (30일 무료버전) > 이후 라이선스 등록 8. 라이선스 등록 방법 1. 학생 라이센스 인증 링크 접속 https://www.jetbrains.com/community/education/#students https://www.jetbrains.com/community/education/#students Free Edu.. 2023. 11. 23.
[IntelliJ] 주석 맞춤법, spelling(스펠링) 체크 해제 typo (불필요 밑줄 지우기) 접근 (요약) IDE 를 바꿀 수 있는 기회가 생겨 vscode에서 IntelliJ로 갈아타기를 성공했습니다. 바뀌어버린 대다수의 단축키를 적응해야함을 느낌과 동시에, 보기좋지 않게 주석 TEXT에 불필요한 맞춤법 관련 밑줄이 수두룩하여 없애는 방법을 작성해봅니다. 1. Proofreading 접근 2. Typo 체크 해제 방법 1. Proofreading 접근 불필요한 밑줄을 제거하기 위해서는 Settings > Proofreading에 접근해야합니다. 접근과정(경로) : [Files] > [Settings] (windows 단축키로는, Ctrl + Shift + S) > [Editor] > Inspections > ProofReading > Typo 2. Typo 체크 해제 2023. 11. 23.
[Git] SSH 키 생성하는 방법 & SSH 키 찾는 방법 접근 (요약) 형상관리 툴 Github 원격저장소에서 특정 프로젝트를 Pull 받아야하는 일은 빈번합니다. Pull을 받는 방법으로는 크게 'HTTPS' 방식과 'SSH(key)' 방식으로 구분할 수 있습니다. 기존에 'HTTPS' 방식으로 큰 인증 과정없이 쉽게 하던 과정을, Github에서는 지양하라고 권고했고, 보안에 더욱 유리하고 강력한 'SSH(key)' 방식을 추천하고 사용하길 권장했습니다. 따라서, 이 방법을 접근해보고자 합니다. 1. Git > 로그인 > 우상단 Profile > settings > "SSH and GPG keys" 2. SSH 키 조회 (생성했었나? 로컬에 있나?) (2.1). (로컬) SSH 키 조회 (어디엔가 존재할 것이라는 과거 기억..) 3. SSH 키 생성 (3... 2023. 11. 15.
[Next.js 13] 컴포넌트 생성 후, page에서 컴포넌트에 <HTML> 태그, 속성값 사용법 접근 (요약) 현재 개발중인 프로젝트에서 Next.js 13버전과 TypeScript 를 기술스택으로 갖고, 구성요소마다 최대한 잘게 컴포넌트화를 목표로 하고 있습니다. (1) 컴포넌트(components)를 빼주고, 실제 화면을 보여주는 (2) page.tsx 파일에서 (1) 컴포넌트를 사용하면서도 (3) 해당 컴포넌트 내에 태그나 속성값을 주는 방법을 학습해보겠습니다. 1. (상황) 컴포넌트화 & page.tsx 생성 (1.1). 컴포넌트화 + 컴포넌트 사용을 위한 등록 (1.2). Page.tsx 생성 + 컴포넌트 가져오기 2. 컴포넌트에 속성 값 전달하기 (2.1). 컴포넌트 파일 준비하기 (interface, props) (2.2). page.tsx( 컴포넌트를 사용할) 파일 준비하기 3. 컴포.. 2023. 9. 27.
[Next.js 13] tailwind css Plugin 작성 & 적용 접근 (요약) 현재 개발중인 프로젝트에서 Next.js 13버전과 TypeScript 를 기술스택으로 갖고, 이에 더불어 Tailwind CSS를 사용하고 있습니다. 필요한 컴포넌트를 Tailwind CSS에서 가져다가 사용하려는 찰나, 프로젝트 내부 tailwind.config.ts 파일에 Plugin 부분을 추가하란 안내를 따라가봅니다. 1. (상황) Tailwind css 컴포넌트 사용 필요 (1.1) 컴포넌트 코드 내부 2. Tailwind CSS Plugin 추가 & 설치 (2.1). npm install @플러그인명 (2.2). tailwind.config.ts 파일에 플러그인 추가 방법 1. (상황) Tailwind css 컴포넌트 사용 필요 (1.1) 컴포넌트 코드 내부 /* This ex.. 2023. 9. 27.

티스토리툴바