The Popular Articles
-
[Flutter] 플러터 vscode 개발 환경 구축 / 플러터 비주얼스튜디오 개발 환경 / 플러터 vscode 애뮬레이터 / vscode 확장 설치 오류
VSCode에서 Flutter를 사용하기에 앞서, Flutter SDK 설치와 설정이 필요하다. 해당 부분은 아래의 글을 참고하고 설치가 완료되었다면 VSCode 설치를 진행한다. [Flutter] 플러터 개발환경 구축 및 세팅 [Flutter] 플러터 개발환경 구축 및 세팅 Flutter 개발환경 구축하기 1. 윈도우 플러터 개발 환경 구축 (1) 플러터 SDK 다운받기 아래의 플러터 홈페이지에 접속해 플러터 SDK를 다운받는다. https://docs.flutter.dev/get-started/install Install Install Flutte parkjh7764.tistory.com Visual Studio Code 설치하기 vscode 공식 사이트에 접속한 뒤, 자신의 운영체제(OS)에 맞게 ..
2023.01.28
-
비주얼 스튜디오 코드 익스텐션 28개 추천 / 확장 프로그램 설치 및 웹 개발 환경 설정 (Visual Studio Code) / VS Code HTML, CSS Extension
목차 오늘은 흔히 웹 공부를 할 때 사용하는 텍스트 에디터인 '비쥬얼 스튜디오 코드(Visual Studio Code)의 확장프로그램'을 소개할 것이다. 나도 매번 개발하는 컴퓨터와 노트북, 개발 환경이 계속 바뀌기 때문에 저번에 설치했던 확장프로그램이 정말 유용했는데 기억이 나질 않아서 내가 지속적으로 활용하고자 이렇게 글로 작성하게 되었다. 그럼 바로 정말 내가 사용하는 웹 개발에 유용한 익스텐션을 추천하도록 하겠다. 우선 해당 확장 프로그램은 '비쥬얼 스튜디오 코드'가 깔려 있어야 한다. 해당 다운로드는 아래 링크를 통해 자세히 알아보도록 하자. Visual Studio Code 쉬운 설치 Visual Studio Code 쉬운 설치/ VSCode 코드 편집기 추천 및 설치/ Vscode 한글 설정..
2022.05.18
-
비주얼스튜디오 코드 자동완성 안 될 때 / VSCode 자동 완성 오류 안 됨
비주얼스튜디오 코드(Visual Studio Code)를 통해서 코드를 작성할 때 '자동완성' 기능을 정말 유용하게 사용한다. 그러나 가끔 자동완성 기능이 안 먹힐 때가 있다. 내가 해결한 해결책을 알려드리고자 한다. 자동완성 기능 오류 해결책 아래와 같이 ! 느낌표를 했을 때 자동완성 기능이 작동하지 않으면 HTML 틀을 생성하는 것을 사용하지 못 한다는 어려움이 있다. 1. 맨 아래 오른쪽에 'HTML'을 클릭한다. 2. 위에 검색창이 활성화 되는데, 'HTML'을 입력 후 클릭한다. 3. 자동완성 기능이 활성화가 되는 것을 확인할 수 있다. 그런데도 활성화가 안 된다면? 윈도우 기준으로 자동완성을 띄우고자 하는 키워드를 입력한 후 ctrl + 스페이스바를 누른다. 그러면 아래와 같이 자동완성 기능을..
2022.07.13
-
[VScode] Mac 단축키 비주얼스튜디오 코드 맥 맥북 단축키 모음
Mac KeyBoard Symbols 심볼의미 ⌘ 커맨드 (command) ⌃ 컨트롤 (control) ⌥ 옵션 (option) ⇧ 쉬프트 (shift) ⇪ 캡스락 (caps lock) General 단축키설명 ⇧⌘P, F1 Sh명령 팔레트 표시 ⌘P 빠른 열기, 파일로 이동… ⇧⌘N 새 창/인스턴스 ⌘W 창/인스턴스 닫기 ⌘, 사용자 설정 ⌘K ⌘S 키보드 바로가기 키 Basic Editing 단축키설명 ⌘X 라인 잘라내기 ⌘C 라인 복사 ⌥↓ / ⌥↑ 라인 아래, 위 이동 ⇧⌥↓ / ⇧⌥↑ 라인 아래, 위 복사 ⇧⌘K 라인 삭제 ⌘Enter / ⇧⌘Enter 라인 삽입 위, 아래 ⇧⌘\ 매칭 브래킷으로 점프 ⌘] / ⌘[ 들여쓰기, 내림 줄 Home / End 줄 시작, 끝으로 이동 ⌘↑ / ⌘↓ ..
2023.03.04
-
비주얼스튜디오 코드 색상 바꾸기 / 테마 추천 / 노마드 코더가 사용하는 글꼴 색상, 코드 테마 / 비주얼스튜디오 코드 색상 테마 추천 및 비교 / Material Theme
오늘은 '노마드 코더'라는 인기 프로그래머 유튜버가 사용하는 비주얼스튜디오 코드 편집기를 봤는데 코드 색상이 너무 예뻐 해당 테마 정보를 가져와 보았습니다. 아래 유튜브 영상을 보면 코드가 빨강, 보라, 초록, 하늘색 등 대조적인 색깔로 코드가 작성이 되어 기존의 코드보다 더 한 눈에 들어올 수 있을 거 같아 저도 해당 테마를 적용해보려고 합니다. 노마드 코더가 사용하는 비주얼 스튜디오 코드 색상 테마 바로 해당 테마를 말씀드리면 'Material Theme'이다. 그러면 바로 설치하고 설정을 같이 해보도록 하자. 1. 비주얼스튜디오 코드를 실행하고, 왼쪽 블럭모양을 클릭한다. 2. 검색창에 'material theme'를 검색한다. 그리고 아래와 같은 프로그램을 찾아 설치한다. 3. 설치를 하면 아래와..
2022.01.05
-
[Flutter] 플러터 vscode 애뮬레이터로 실행하기 / vscode 모바일 디바이스로 실행
비주얼스튜디오 코드에서 모바일 디바이스 화면을 띄울 수 없을까? 그러나 위와 같이 홈페이지의 형태가 아니라 아래와 같이 모바일 디바이스의 형태로 띄워주고 싶을 수도 있다. 이는 비주얼 스튜디오 코드(Visual Studio Code)에서도 가능하다. 이는 애뮬레이터(emulator)이다. 위와 같이 모바일 디바이스로 vscode에서 애뮬레이터를 띄우기 위해서는 '안드로이드 스튜디오(Android Studio) 애뮬레이터 가상 디바이스 설치'가 필요하다. 결국은 vscode에서 android studio를 기반으로 안드로이드 스튜디오에 있는 애뮬레이터로 디버깅 하는 형태인 것이다. 안드로이드 스튜디오에서 플러터 개발환경 세팅은 아래의 글을 참고하자. 아래의 과정이 완료되고 나서 vscode에서 설정을 할 ..
2023.01.28
-
WslRegisterDistribution failed with error: 에러 해결 방법 / 우분투 설치 에러 해결책 정리
우분투 설치 에러 우분투(Ubuntu)를 설치할 때 아래와 같은 에러가 발생했다. Installing, this may take a few minutes... WslRegisterDistribution failed with error: 0xc03a001a Error: 0xc03a001a ?? ??? ??? ???? 해결책 방법 1. 제어판에서 리눅스 기능 활성화 방법 2. WSL 버전 1로 변경하거나 WSL 2에 맞는 환경 구축하기 https://learn.microsoft.com/ko-kr/windows/wsl/install-manual#step-4---download-the-linux-kernel-update-package 이전 버전 WSL의 수동 설치 단계 wsl install 명령을 사용하지 않고..
2022.09.24
-
[Python] pygame 모듈 게임만들기(1) / 파이썬 게임 배경 및 캐릭터 설정하기 /기본 구조, 초기화, import, 메인루프, image load, display, 좌표설정
파이썬에는 여러 모듈을 불러와 사용할 수가 있다. 그 중에 'pygame'이라는 python을 통해 게임을 만들 수 있도록 지원해주는 모듈을 가져와 사용해보려고 한다. 1. pygame 모듈 설치 및 환경 설정 우선 모듈을 사용하기 전에 모듈을 설치해주어야 한다. 명령 프롬프트 창에 아래와 같이 pip 명령어로 pygame을 설치한다. pip install pygame 2. pygame 기본 구조 pygame의 기본 구조는 대부분 아래를 따른다. (1) pygame을 사용하기 위해 import 해준다. (2) pygame.init( ) 으로 pygame 초기화 (3) pygame에서 사용할 size, screen, clock 등의 변수 선언 (4) pygame 메인 루프문 안에 이벤트, 화면, 사용자 행..
2022.03.03
-
한쇼, PPT 발표할 때 글씨체 깨짐 현상!! 간단하고, 명료한 해결책 사진으로 바로 보시죠
오늘은 저도 기존까지 몰라서 잘 활용하지 못 했던 기능을 설명드릴까 합니다. 공모전이나 학교, 사업 프로젝트에 대한 발표를 할 때 빠질 수 없는 파워포인트(PPT), 한쇼로 제작된 발표자료에 대한 내용입니다. 저도 외부 공모전이나 대외활동에 참가할 때 발표를 하려고 발표자료를 열어보면 당황스러운 일들이 많은데, 그 중 가장 억울한 일이 PPT를 열었을 때 글씨체가 전부 깨져있는 것입니다ㅠㅠㅠㅠ 전 날에 열심히 만들고, 피피티에 어울리는 글씨체까지 적용해놨는데 글씨체가 깨져있는 날에는 정말 억장이 무너지죠... 그래서 준비했습니다! PPT를 제작할 때 글씨체가 깨지지 않도록 하는 방법! 바로 PPT 글꼴 포함 저장이란 기능을 사용하는 것입니다. 1. 우선 작업이 완료된 PowerPoint (PPT)를 열어..
2020.09.26
-
VSCode 개발 환경 설정 동기화 하고 불러오기 / 비주얼스튜디오코드 세팅 설정 동기화
목차 비주얼스튜디오 코드 세팅 값 동기화 설정하기 파일 -> 기본설정 -> '설정동기화 켜기' 클릭 동기화 항목 체크 후, 로그인 및 켜기 클릭 Microsoft 또는 GitHub에 설정값 동기화 선택 나는 GitHub에 VSCode 설정 값을 동기화 하겠다. GitHub 로그인 후 Authorize 클릭 Visual Studio Code 열기 클릭 URI 열기 허용 설정 동기화: 지금동기화 (지금) 확인 아래와 같이 동기화됨(지금)이 뜨면 정상적으로 동기화가 실행되고 있는 것이다. 비주얼스튜디오 동기화 값 불러오기 파일 -> 기본설정 -> '설정동기화 켜기' 클릭 설정 동기화 : 지금 동기화 클릭 병합 클릭 후 작업환경 세팅 확인 수동으로 병합[Merge Manually..] : 이 옵션을 선택하면 기..
2023.01.28