🩷 발생원인 타입스크립트 파일을 처음 생성 후 tsc -w 명령어를 입력 시 실행되지 않으며 에러가 발생했다... 🩷 해결방법 🩵 yarn 설치 yarn이 설치된 줄 알았지만 설치가 되지 않았고, 설치하는 과정에서도 에러가 발생해 yarn 설치 법부터 해결했다.. Windows 명령 프롬프트 powershell 을 관리자 모드로 실행 아래 명령어 실행 후 Y 입력 Set-ExecutionPolicy RemoteSigned 아래 명령어 입력 yarn install 🩵 TypeScript 버전 업그레이드 설치 버전 확인 yarn global list TypeScript 버전 업그레이드 yarn global add typescript@latest or yarn global upgrade 🩵 tsc -w 입력 ..
🩷 타입스크립트란? 자바스크립트에 타입을 부여한 언어이다. 자바스크립트를 확장한 언어이다. 미국 마이크로소프트에서 개발한 오픈소스 언어이다. 🩷 타입스크립트를 배워야 하는 이유 🩵 에러의 사전 방지 함수의 내용을 모르더라도 함수를 호출할 때 인자의 타입이 맞지 않으면 개발 툴에서 미리 경고해 줌 사소한 실수를 미연에 방지할 수 있음 🩵 코드 가이드 및 자동 완성 코드를 빠르고 정확하게 작성할 수 있도록 도와줌 비주얼스튜디오코드의 기능인 인텔리센스 기능을 지원받아 빠르고 정확하게 코드를 작성해 개발 생산성을 향상시킬 수 있음
리액트 완전 초보가 리액트 공부 하던 중 마주한 오류(?)를 해결하고 저와 같이 이러한 문제점을 가지고 있는 분들께 도움이 되고자 작성한 글입니다!! 🩷 발생원인 리액트 공부 이틀차, 강의를 들으며 리액트 환경까지 다 설정해 놓은 뒤 다음날 포트번호를 입력하니 연결할 수 없습니다라는 문구가 떠서 헤맸다... 다른 프로젝트에서 리액트를 잠깐 사용했었어서 그런가 하는 마음으로 포트번호를 계속해서 늘려나가면서 시도를 해봤지만 저 화면만 계속 떴다... 결국 구글링을 하면서 방법을 찾았는데... 너무 간단해서 잠깐 말을 잃었었다.... 그러면서 이젠 안 잊어버리고 계속해서 기억할 수 있게 시간을 소비한거라고 생각하려 한다.. 🩷 해결방법 나는 비주얼스튜디오 코드로 리액트를 공부중이다.. npm run start..
🤷♀️연산자 프로그래밍에서 쓰이는 기호들입니다. 🧸 산술연산자 사칙연산을 다루는 가장 기본적이면서 많이 사용하는 연산자입니다. 🎡 덧셈 연산자 "+" 사용하며 왼쪽 변수의 값에 오른쪽 변수의 값을 더합니다. var x = 37; var y = 65; var p = x + y; document.write(p); // 결과 : 102 🎡 뺄셈 연산자 "-" 사용하며 왼쪽 변수의 값에서 오른쪽 변수의 값을 뺍니다. var x = 65; var y = 4; var m = x - y; document.write(m); // 결과 : 61 🎡 곱셈 연산자 "*" 사용하며 왼쪽 변수의 값에 오른쪽 변수의 값을 곱합니다. var x = 2; var y = 9; var m = x * y; document.write(m..
🧸 자바스크립트 데이터타입 ○ BigInt ○ Boolean ○ Null ○ Number ○ String ○ Symbol ○ Undefined 💜 BigInt 임의 정밀도로 정수를 나타낼 수 있는 숫자 원시 값입니다. BigInt는 Number 타입의 안전 한계를 넘어선 큰 정수도 안전하게 저장하고 연산할 수 있습니다. BigInt은 정수 끝에 n을 추가하거나 생성자를 호출해 생성할 수 있습니다. +, -, *, **, % 연산자를 사용하여 연산을 할 수 있습니다. if, ||, &&, Boolean, !처럼 불리언 변환이 발생하는 곳에서는 Number처럼 동작을 합니다. 또한, Number와 혼합하여 연산을 할 수 있습니다. const x = 9n ** 14n; 💜 Boolean 논리 요소를 나타내며 ..
🤷♀️ 변수란? 변수란 데이터를 저장하기 위한 공간입니다. 데이터를 일시적으로 담아두는 공간으로, 한 번에 하나의 값만 저장할 수 있습니다. 또한 중복선언이 가능하며 마지막으로 넣은 값이 출력됩니다. ❤️ var 자바스크립트 ES5까지 var로만 변수 선언이 가능했습니다. var의 특징은 중복선언이 가능하다는 점입니다. var x = 20; // 재선언이 가능함. var y = 3; // 재선언이 가능함 var z = x + y; // 새로운 값이 할당됨. ❤️ let 자바스크립트 ES6부터 추가되었습니다. 재선언을 하면 에러가 발생되며, 값을 재할당하는 것만 허용됩니다. let x1 = 2; // 재선언이 에러가 발생 let y1 = 7; let z1 = x1 + y1; x1 = 9; // 정상적으로..
🤷♀️ 자바스크립트는 어떤 언어일까? 🌷자바스크립트 의미 자바스크립트는 원래 웹페이지에 사용될 목적으로 만들어진 언어입니다. HTML은 웹페이지에 각종 요소를 가져다놓고, CSS는 HTML로 만들어진 요소들을 원하는 디자인으로 꾸며주기를 합니다. HTML과 CSS는 기능이 제한된 마크업언어 (스타일언어)로 배치하고 장식만 할 수 있는 언어입니다. HTML과 CSS로만 웹페이지를 만드려면 클릭을 해도 아무런 기능이 없습니다. JAVASCRIPT는 HTML, CSS로 만들어진 웹페이지를 작동시켜 무엇의 기능을 할 수 있도록 시켜주는 언어입니다. 즉, JAVASCRIPT는 프로그래밍언어입니다. 🌷 자바스크립트 특징 ○ C와 JAVA등의 언어와 코드가 비슷해서 진입장벽이 낮다고 생각하실 수 있으시지만, 배울수..