VScode 설치 및 Explorer 설정 후 index.tsx열기 feat. Javascript

오늘은 또 VScode를 설치해봅니다.

회사에서 파이썬하는데 편하게 쓰고 있는

툴이지만, 집에선 무거운 아나콘다를 이미

깔아놨는데,, pycharm, jupyter 다 있는데

또 뭘 깔아야하나,, 고민을 좀 했습니다만,,

역시 전 아직도 파이썬에 머물러있네요..

 

Visual Studio Code - Code Editing. Redefined

 

React Native 개발에 최적화된 툴이

Visual Studio Code. 위 링크 들어가서

 

 

의외로 설치는 굉장히 간단했습니다.

Download for Windows 눌러주시고

다운 받아지는 .exe 파일 실행시키면

 

 

전부 그냥 다음 동의 다음 설치 클릭

위 화면에서 조금 고민했는데

저게 default고 그냥 갑니다. ㄱㄱ

 

 

저만 맨 처음

개발환경 셋팅 하는게 부담스럽나요?

그래서 설치를 꺼렸던 점도 조금 있는데

생각보다 너무~~~ 간단했습니다.

회사에선 커널 연결하고 뭐 이거저거

플러그인 많이 깔았어야 됐는데,,, 

위 절차대로 클릭클릭 해주고

Open File 눌러서 팝업이 뜨면

 

 

먼저, 앞서 만든 Sdobby_App 폴더에

위 경로의 index.tsx를 찾아 열어줍니다.

Meta에서 이 플랫폼을 계속 패치합니다.

저 경로가 아닐 수도 있으니 검색 활용!

 

 

신뢰할 수 있겠냐 묻는 팝업

혹은 재접속 시 왼쪽 Explorer에서

탐색 폴더(위  (tabs) 폴더)를 지정할 때,

쿨하게 Open/Yes 눌러주면

 

 

자, 이제 왼쪽 Explorer로 설정됐고

index.tsx의 스크립트도 잘 떴습니다.

정말 별거 없네요~

이제, 여기서 코드를 배우고 편집하면서

앱을 만들어나가면 될것 같습니다~

 

 

🍪🍪🍪

 

Java vs JavaScript의 차이 알고계신가요?

전 둘 다 그냥 Java,, 같은 건 줄 알았습니다...

파이썬 쟁이에서 앱 쟁이로 진화하려고

JavaScript를 배우려다 알아보니

아예 다른 언어더군요..

원래 LiveScript인데, 당시 Java가 워낙

인기가 많다 보니 마케팅 목적으로

JavaScript라고 바꿨다고... 

 

그냥 파이썬만 하고 싶은데

Java를 꼭 배워야하나~ 했었는데

굳이 배울 필요가 없어졌습니다.

JavaScript도 파이썬처럼 인터프리터 언어

어렵지 않겠죠...??

 

항목	Java	JavaScript
언어 타입	컴파일 언어	인터프리터 언어
실행 환경	JVM (Java Virtual Machine)	웹 브라우저 또는 Node.js
용도	백엔드, 앱, 데스크탑, 안드로이드	웹 프론트엔드, 앱(React Native), 서버(Node.js)
문법 스타일	강한 타입, 정적 타입	유연한 타입, 동적 타입
파일 확장자	.java	.js
실행 방식	.java → 컴파일 → .class → JVM에서 실행	브라우저나 Node.js가 바로 해석
대표 프레임워크	Spring, Hibernate	React, Vue, Angular, Node.js 등