금융권 개발 일지 블로그

■ 문제상황보다시피, 해당 소스 파일은 jsx입니다. ts 또는 tsx 파일이 아닌 곳에서 TypeScript에서만 쓸 수 있는 import type 구문을 사용해서 나타난 오류입니다. VS Code에서 설정에 따라, JS 개발에 대한 유효성을 검사하는 기능이 있기 때문에 이를 비활성화 해주면 해결됩니다.🗨️ 'import type' 구문은 뭔가요?TypeScript에서 'import type' 구문은 실제 값들을 가져오지 않고 타입이나 인터페이스만을 가져오기 위해 사용됩니다. 이 기능은 TypeScript 3.8 버전부터 사용할 수 있습니다.■ 해결방법❎ (비추천) VS Code의 확장 프로그램 비활성화확장 프로그램을 비활성화하면 VS Code에서 JS 개발에 관련된 유효성 검사를 모두 비활성화하는 ..

■ 문제상황 VS Code에서 Commit을 진행할 때, VS Code에서 git 계정으로 로그인한 기록이 없으면 이러한 경고가 뜰 수 있습니다.■ 해결방법git bash에서 git 계정의 이름과 이메일 주소를 입력 후, 다시 commit을 진행하면 됩니다.git 계정 확인방법  git bash로 로그인 정보 저장방법계정을 확인했다면 아래 명령어를 git bash에 입력해 로그인 정보를 저장합니다.git config --global user.name "My Name"git config --global user.email "myemail@example.com" commit 진행Source Contorl에서 Commit을 다시 누르면, 커밋이 진행됩니다.감사합니다. :)

들어가기 앞서.. Git을 이용하면 버전 관리 및 협업을 손쉽게 할 수 있습니다. 또한, 간단한 호스팅 기능도 제공하니 포트폴리오를 위해 사용법을 익혀보는 것을 추천드립니다.Git은 VS Code에서 우측 사이드바의 Source Control에서 이용할 수 있습니다.목차1. Git 프로그램 설치 파일 다운로드2. Git 프로그램 설치 파일 실행아래 포스팅에서 설명을 잘 해주고 있습니다. 윈도우에서 Git Bash 설치하기1. 설치 파일 다운로드 Windows에서 Git을 사용하기 위한 GitBash를 설치한다. (2.30 버전) Git Bash 설치 파일을 받기 위해 공식 홈페이지(https://git-scm.com/)에서 다운로드 한다. 다운로드 완료 후 설치 파일xangmin.tistory.com더보..

들어가기 앞서.. 명령어 팔레트(Ctrl + Shif + P)를 통한 간단한 화면 세팅을 설명하는 포스팅입니다. 명령어 팔레트를 열어서 명령어를 입력하면 됩니다. 목차 ■ Toggle Menu Bar (메뉴바 보여주기/없애기) ■ Toggle Side Bar Position (사이드바 위치 변경) ■ Toggle Side Bar Visibility (사이드바 보여주기/없애기) 단축키 : Ctrl + B ■ Toggle Activity Bar Visibility (액티브바 보여주기/없애기) 단축키 : Ctrl + Shift + A ■ Toggle Status Bar Visibility (상태바 보여주기/없애기) 메뉴바의 View에서 선택할 수도 있습니다. ■ Zoom Out/In 줌아웃 단축키 : Ctrl..

■ 문제상황Tailwind를 처음 적용할 때 Unknown at rule @tailwind 경고 표시가 뜹니다.■ 해결방법아래처럼 해결할 수 있습니다.*참고 포스팅 [VSCODE] tailwind 설치 후 vscode에서 "Unknown at rule @tailwind" css warning 끄기vscode 기본 설정 상태라면 tailwind 설치 후 vscode에서 css syntax warning을 뿜어냅니다. 이럴 땐, vscode 설정 창을 열고 (단축키: ctrl + , ) unknown으로 검색하면 "Unknown At Rules" 항목을 "warning"에서 "ignore"로 변hiperzstudio.tistory.com감사합니다.

매번 cmd, 터미널과 같은 CLI를 열어서 명령어(Command, 커맨드)를 실행하는 건 꽤나 귀찮은 일입니다. VS Code는 개발자의 편의를 위해 내장 CLI를 제공합니다. 보통 CLI를 터미널이라고 많이들 부르니, 이번 포스팅에서는 CLI를 터미널이라고 하겠습니다. ■ VS Code 내장 터미널 열기 🗨️ 터미널이 안 열려요. 혹시 노랑 박스처럼 워크 스페이스가 2개 이상 열려있지 않나요? VS Code의 터미널은 기본적으로, 열려있는 작업영역(Workspace)의 경로에서 시작됩니다. 워크 스페이스가 여러 개 일 경우에, VS Code가 어떤 경로에서 터미널을 열어야될 지 모르기 때문에 터미널을 선택해 주셔야 합니다. ■ VS Code 터미널 종료 터미널 우측에 오픈된 터미널이 나옵니다. 터미널..

오랜만에 VS Code를 사용하려고 하니 못 보던 창이 뜨더군요.. 찾아보니까 굳이 보안을 생각하지 않아도 되는 프로젝트는 Yes 누르는 게 좋을 것 같습니다. VS Code 1.58 릴리스부터 프로젝트를 열려고 하면 아래 사진과 같은 Workspace Trust(작업영역 신뢰 설정)창이 뜹니다. 워크스페이스(workspace)에 대해 신뢰 기능을 사용하면 명시적인 승인 없이 VS Code가 해당 프로젝트의 코드를 탐색/편집/실행 여부를 결정하며 확장 프로그램 접근 또한 결정할 수 있습니다. ✅ Yes, I trust the authors VS Code는 Open Project에 대해서 enable trust(신뢰 가능한) 프로젝트라고 판단합니다. 기존과 같이 모든 기능을 제한없이 사용할 수 있습니다. ..

프론트엔드 IDE로 유명한 Visual Studio Code를 설치하는 과정입니다.■ Visual Studio Code 설치공식 홈페이지에서 운영체제에 맞는 Stable 버전을 다운로드 받으셔서 설치 진행하시면 됩니다. [공식홈페이지 바로가기]💬 Stable과 Insiders가 뭐가 다르나요?Stable : 안정화 버전Insiders : 테스트 버전Insiders 버전은 정식 출시 이전의 테스트 버전으로, 최신 기능을 먼저 사용할 수 있지만 불안정하고 버그 발생 확률 높습니다. Stable 버전은 안정화를 거쳐 버그가 최소화된 버전이니 최신 기능을 이용해 봐야 되는 게 아니라면 Stable을 추천드립니다.Next 계속 누르시면 됩니다.설치 전, 옵션을 선택하는 화면입니다. 저와 똑같이 설정할 필요는 없..