반응형 IT/JavaScript(TypeScript)61 chocolatey 를 이용한 nvm, nodejs 설치 Windows용 패키지 관리자 Chocolatey(choco) 설치 및 이용하기 - 단편글 - EvaNOTE (mew.kr) Windows용 패키지 관리자 Chocolatey(choco) 설치 및 이용하기 이 글에서는 Windows용 패키지 관리자인 Chocolatey(약칭: choco)를 설치하고 이용하는 방법에 대해 알아봅니다. evanote.mew.kr Chocolatey Software | NVM 1.1.12 NVM 1.1.12 A node.js version management utility for Windows. community.chocolatey.org 1. 윈도우 파워쉘을 관리자 모드로 실행 윈도우키 + x 관리자 선택 2. cholatey 설치 파워쉘 실행창에 아래 입력 [System... 2023. 12. 30. [EXPRESS]간단한 API 서버 express 를 이용한 간단한 메모리 기반 서버 만들기 mkdir api-server cd api-server npm i express #현재기준 express version : 4.18.2 #board.js 파일 생성 const express = require("express"); const app = express(); let posts = []; app.use(express.json()) //req.body 이용하기위해서 미들웨어 지정 app.use(express.urlencoded({ extended: true })); //post 요청시 application/x-www-form-urlencoded 파싱 app.get("/", (req, res) => { res.json(posts); }); a.. 2023. 12. 25. [React Native]초기설정 https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 잘됩니다~! macOS 의 특이점! cocoapods 설치시 루비 최소 버전이 2.7 이어서 설치가 필요함! https://cmjunghoon.github.io/posts/Install_Ruby/ Ruby 설치 / 업데이트 / 제거 ( MacOS ) macOS는 기본적으로 Ruby가 설치되어 있습니다. cmjunghoon.github.io 이를 이용해서 루비 업데이트 후 프.. 2023. 12. 16. [TS]React.js with TypeScript 설정 1. Visual Studio Code 설치( 이전 글 참고 ) [JS]기초 학습 (tistory.com) [JS]기초 학습 1. 개발도구 설치 Visual Studio Code Download Visual Studio Code - Mac, Linux, Windows Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual St taisou.tistory.com 2. 플러그인 설치 Visual Studio Code 의 왼쪽 사이드 메뉴에 있는 네모네모 버튼을 누르고 ( Ext.. 2023. 12. 5. [JS] 자바스크립트를 이용한 클래스 바꾸기(CSS) ** 태그에 css 클래스를 추가하는 방법 직접 교체하지 않고, ClassList 를 통해 처리한다. ex) "amazing" 클래스 적용하기 h1.classList.contains("amazing") 클래스 적용했는지 보고 h1.classList.add("amazing") 적용하거나 h1.classList.remove("amazing") 빼는게 가능! 하지만 더 간단하게!! h1.classList.toggle("amazing") 를 하면 토글이 된다... Element.classList - Web API | MDN (mozilla.org) Element.classList - Web API | MDN Element.classList 는 엘리먼트의 클래스 속성의 컬렉션인 활성 DOMTokenList (en.. 2023. 12. 3. [JS]기초 학습 1. 개발도구 설치 Visual Studio Code Download Visual Studio Code - Mac, Linux, Windows Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 해당 항목을 클릭하여.. 2023. 11. 29. [ReactNative-RN] 설정하기 on Windows11 1. nodejs 설치 Download | Node.js (nodejs.org) Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 현재 v18.18.0 설치 2. jdk1.8 설치 Oracle JDK1.8 설치 3. Android Studio 설치 Android SDK Android SDK Platform Android Virtual Device 체크하여 꼭 설치~ Android SDK Platform 34 설치 SDK Tools 설치 로컬유저데이터\Android\Sdk\platform-tools 를 패스에 등록 에뮬레이터 생성 4. Visual Studio Code 설치.. 2023. 11. 24. [TS]리액트 프로젝트 생성 npm init vite [프로젝트명] -- --template react-ts cd [프로젝트명] npm i 프로젝트 실행 npm run dev 부트스트랩 패키지 추가 npm i bootstrap 스타일을 책임지는 reactstrap 추가! npm i reactstrap 참고 링크! https://reactstrap.github.io/ Storybook reactstrap.github.io main.tsx 에 import 추가 - 모듈은 모듈이름으로 바로 임포트! vscode 약자는 imn import 'bootstrap/dist/css/bootstrap.css' npm i prop-types # prop의 타입을 체크하는 패키지 추가! 2023. 7. 3. [TS]리액트 복습 - 모던 자바스크립트 1. let 과 const ES6(=ES2015) 부터 등장. 변수 선언시, var 가 아닌 let과 const 이용 : hoisting 둘리의 호이호이? 가 아닌 호이스팅 자바스크립트에서는 선언되는 변수와 함수를 소스전체에를 스캔하여 메모리에 할당 후 처리하기때문에 컴파일러 언어를 익힌 나같은 사람은 착각하기 쉬운 일이 발생한다. console.log(A1); //오류 안난다. undefined 라고만 나올뿐... var A1 = "hello"; var A1 = 100; // 중복선언해도 오류 안남.. 이런걸 해결해주는게 let ! 일반적인 언어같이 위에 것들을 막아줌.. const 는 상수 선언 2. 구조 분해 할당 let arr = [10,20,30,40]; let [a1, a2,a3] = arr;.. 2023. 7. 2. 이전 1 2 3 4 5 6 7 다음 반응형
