본문 바로가기

개발 일기

[Javascript] visual studio 2022 설치 방법 (1)

미래의 나를 위해 남기는 기록

 

1. visual studio 홈페이지에 접속

https://visualstudio.microsoft.com/ko/

 

Visual Studio: 소프트웨어 개발자 및 Teams용 IDE 및 코드 편집기

Visual Studio 개발 도구 및 서비스를 사용하면 모든 개발자가 모든 플랫폼 및 언어로 앱을 쉽게 개발할 수 있습니다. 무료로 어디서나 코드 편집기 또는 IDE를 사용하여 개발하세요.

visualstudio.microsoft.com

나는 윈도우니까 윈도우 버전으로 설치

 

2. 필요한 도구들 설치

들어가면 파이썬 / 머신 러닝 / C++을 이용한 모바일 개발 등 필요한 도구들을 설치하라고 나오는데, 나는 우선 웹 개발(HTML CSS Javascript)이랑, C#를 이용한 게임 개발이랑 유니티를 이용한 게임 개발, C++까지 설치했다. 

 

이렇게 설치하니 대충 14기가 정도 나오는 듯? 근데 설치까지는 문제가 아니다. 저번에도(저번 컴퓨터에서도) 이 친구 멀쩡히 설치가 끝났는데 프로그램이 안 돌아가는 경우가 있었어서,,, 지금 설치 중인데 끝나고 콘솔에 내용 출력이 잘 되는지 확인해야 한다.

 

대충 건전 한 판 때리고 오면 다 되어 있을 듯 -> 은 건전이랑 설치랑 동시에 안 되네^^...프레임 드롭 장난 아님 근데 와중에 건전 안 돌아가는 게 무슨 문제 때문인지 궁금해졌다. 

 

https://www.intel.com/content/www/us/en/gaming/resources/how-to-fix-your-low-frame-rate.html

 

How to Fix Your Low Frame Rate - Intel

Improve your FPS and gaming experience by making educated tweaks to the right in-game settings.

www.intel.com

네 글카를 사지 않은 저의 잘못이네요 인텔 방향으로 석고대죄 하겟습니다^^... 제가 글카를 샀어야 했는데

 

 

3. 설치가 끝난 후 확인해 보기

설치가 다 되면 이렇게 뜬다. 당연히 시작 클릭

그럼 이런 거 뜨는데 좀 처음에 혼란스러울 수 있음 왜냐 나도 그랬음...

리포지토리 복제 -> 깃헙 같은 데서 이미 만들어진 코드 가져오기

프로젝트 또는 솔루션 열기 -> 내가 이미 만들어 둔 게 내 컴퓨터에 있으면 가져오기

로컬 폴더 열기 -> 내 컴퓨터 안에서 파일 찾아보기

새 프로젝트 만들기 -> 이걸 누르면 말 그대로 새 프로젝트가 생긴다 이게 바로 내가 할 것

그럼 이런 게 나오는데^^... 당황하지 않고 모든 언어 드롭다운 박스를 누르고 내가 원하는 언어를 선택

난 자바스크립트 할 거니까 자바스크립트를 눌러줌

 

그럼 또 이런 게 뜨는데, 당황하지 말고 나는 웹을 할 거니까 Node.js 웹 애플리케이션을 눌러 줌

Node.js는 내가 쓴 코드와 컴퓨터 사이에서 통역을 해 주는 뭐시기라고 들은 기억이 있기 때문에... 그리고 백준만 가도 Node.js로 설정해 놓고 자바스크립트 코드 쓰면 잘 돌아간다 ^_^ 암튼 되겠지 머

 

그럼 이렇게 나오는데, 이름 설정해 주고 저장 위치를 바꿀 거면 바꿀 폴더로 위치를 바꿔 주고 만들기 를 누르면 되는 것 같다

 

솔루션 및 프로젝트를 같은 디렉터리에 배치 라는 옵션이 굉장히 찝찝하긴 하지만 (솔루션이 뭔지 아직 모름) 필요가 없으니까 체크가 안 되어 잇는 거겟지.. ? 일단 고

 

큰일났다 만들었는데 뭘 어떻게 해야 할지 모르겟어...! 왼쪽에다 코드를 쓰고 실행하면 오른쪽에 나오는 건가 살짝... 답없다ㅎ ㅎ 

 

일단 무시 까고 console.log('Hello World!')를 실행해 봤는데 Node.js가 안 깔려 있다는 충격적인 사실,,. 과 더불어 없는 프로그램을 실행하려고 했다는 나의 짧은 판단력에 경악... 설치하러 갑니다...