대표님이 자바쪽만 하지 말고 리액트쪽도 공부하라고 하셔서 강의 이것저것 뒤져보고 자료같은거 찾아보다가 기록용으로 시작!!
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
오른쪽에 있는 current(현재, 가장 마지막 version) 클릭하고 설치!
power 검색해서 powerShell 실행!
node --version command입력하면 버전 정보가 나오고
npm --version command입력하면 npm 버전이 나온다
그러고 나서 VSCode(visual studio code)를 설치해준다
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
다운로드 하기!!
하단에 terminal이 안떠서 당황스러웠는데 ctrl+J를 누르면 터미널 창이 뜬다!
파일 선택하고 새 텍스트 파일 선택하면 됨
그럼 이런식으로 untitled 된 파일이 만들어지는데
html 태그만 입력해도 html 형식으로 인식해서 ctrl+S 누르면
html 파일로 저장할수있다!
원하는 파일안에 저장하면 되고 정상적으로 작동하는지는 파일을 클릭해보면 웹으로 확인할수 있다
이런식으로..
기초적인 리액트 시작하는 방법은 대략 이렇게 정리할 수 있을듯!!
css도 같이 병행하면 될듯하다~
'개발 관련' 카테고리의 다른 글
mbti 사이트 만들기 강의 후기(인프런 판다코딩) (0) | 2024.01.19 |
---|---|
리액트 초기 세팅하는 방법 (0) | 2024.01.04 |
heidi, maria DB에 csv 파일 import 하는 방법 (1) | 2023.12.08 |
톰캣 버전 맞는데 작동 안될 때 (3) | 2023.10.17 |
docker 도커 백업중 /usr/bin/mysqldump: No such file or directory 오류 고치기 (0) | 2023.07.24 |