반응형 프로그래밍/에러해결4 비주얼 스튜디오 코드 글씨 크기,UI 크기 변경 방법 비주얼 스튜디오 코드 글씨 확대/축소비주얼 스튜디오 코드에서 코드를 작성하다 보면 화면의 글씨가 너무 작아 불편할 때가 있다. 그럴 때 수행할 수 있는 글씨 크기를 확대 및 축소하는 방법과 단축키, 인터페이스 UI 크기 변경 방법들을 정리하였다.목차메뉴 탭을 이용하여 글씨 크기 변경단축키를 이용하여 글씨 크기 변경에디터 글씨 크기 변경Zoom Level을 통한 인터페이스 크기 변경메뉴 탭을 이용하여 글씨 크기 변경메뉴 탭을 이용한 글씨 크기 변경으로 실시간으로 글씨 크기를 조절할 수 있다. 메뉴, 탐색기 등의 전체적인 UI 크기 변경에 해당한다. 영어비주얼 스튜디오 코드 상단 메뉴바의 'View'를 클릭한다.'Apperance' 탭의 'Zoom in'을 눌러 글씨를 확대한다.'Zoom Out'을 눌러 .. 2024. 7. 29. 비주얼 스튜디오 코드 한영 언어 변경하기 비주얼 스튜디오 코드 한영 언어 변경하기비주얼 스튜디오 코드에서 인터페이스 언어를 한글 또는 영어로 변경하는 방법을 설명한다. 원하는 언어 팩을 설치하여 언어를 변경할 수 있다.영어를 한국어로 변경하는 방법비주얼 스튜디오 코드 언어를 한국어로 변경하기 위해서는 먼저 한국어 언어 팩을 설치해야 한다.비주얼 스튜디오 코드를 연다.왼쪽 사이드바의 'Extentions' 아이콘을 클릭하거나 단축키 'Ctrl + Shift + X' 키를 눌러 확장 메뉴를 연다."korean language pack"을 검색한다."Korean Language Pack for Visual Studio Code"를 찾아 'install'을 클릭해 설치한다. 언어 팩을 설치했다면 비주얼 스튜디오 코드의 기본 언어를 변경할 수 있다. 우.. 2024. 7. 29. 리액트 App.js 수정 반영안됨, UI 변경 안될 때 해결 방법 문제 발생 시점리액트 초반 수업 중 App.js 내용을 변경 후 저장 해도 웹서버에서 UI가 변경되지 않는 문제가 발생했다. 문제 발생 경위에러메세지가 발생하게 된 경위를 기록하였다. 1) 서비스를 위한 배포본 어플리케이션을 만들기 위해 build 폴더를 생성하였다.실행 과정 : 비주얼 스튜디오 - 리액트 앱 - 터미널에 명령어 입력 -빌드 명령 실행npm run build2) 빌드 폴더에 있는 index.html을 서비스하는 웹서버를 실행시키는 명령어를 입력하였다.npx serve -s build3) 결과물인 'localhost:3000' 를 ctrl + 우클릭하여 웹서버에 접속하였다.4) 컴포넌트를 생성하고 실습하기 위해서 REACT-APP의 src-App.js의 내용 수정 및 저장하였다.5) 새로.. 2024. 7. 18. npm error code ENOENT | 비주얼스튜디오 코드 에러메세지 해결 방법 에러 발생 시점 리액트 초반 수업 중 리액트 앱 개발 서버 시작부터 에러가 발생했다. 에러 발생 경위 에러메세지가 발생하게 된 경위를 기록하였다. 1) 비주얼 스튜디오 코드에서 'react-app' 폴더를 연 후 상단 메뉴의 터미널 - 뉴 터미널을 누른다.2) 터미널에 입력한 명령어 :npx create-react-app .3) 발생한 에러메세지 : npm error code ENOENTnpm error path C:\Users\user\AppData\Roaming\npmnpm error errno -4058npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\user\AppData\Roaming\npm'npm error enoent T.. 2024. 7. 17. 이전 1 다음 반응형
