Javascript14 4. [JavaScript] 연산자와 구문 🏃🏻♀️ 연산자와 구문 [ 연산자 ] 값과 값사이에 연산자 사용시 연산자를 연산자 값(데이터)을 피연산자라고 함 피연산자 연산자 피연산자 연산자 피연산자 3 + undefined && '할롱방구' - 산술 연산자 +: 더하기 -: 빼기 *: 곱하기 /: 나누기 %: 나머지 (2로 나눴을때 나머지로 짝수(0)와 홀수(1) 구분시 유용) - 할당 연산자 =: 이퀄기호로 변수에 값 할당 및 재할당 const: 재할당 불가 let: 재할당 가능 const a = 3; a = a + 2; // Uncaught TypeError: Assignment to constant variable. let b = 5; b = b + 12; // 17 +=: 더하기 할당연산자 (=+ 없음 X) 왼쪽변수 데이터 값에 오른쪽 피.. 2023. 7. 22. 3. [JavaScript] 데이터 타입 🏃🏻♀️ 데이터 타입 [ 원시형 ] 변경할수없는값 - Sring / 문자열데이터 리터럴 방식의 문자열데이터 리터럴: 기호를 통해 데이터를 만듦 (eg. '', ""...) const singleQuotes = 'Single quotes String'; const doubleQuotes = "Double quotes String"; const templateLiterals = `Template Literals String. Not ${singleQuotes}.`; '', ""취향에 따라 사용하며 MDN - 템플릿리터럴 방식은 문자 중간에 데이터를 채워넣을때 ${}안에 보간하여 사용하며 모든 데이터는 문자열데이터로 반환됨 - Number / 숫자데이터 숫자데이터 .. 2023. 7. 22. 2. [JavaScript] NodeJs와 npm 프로젝트 개발서버실행 및 빌드 🖥️ NodeJs 브라우저의 자바스크립트 엔진에서만 작동하던 자바스크립트를 브라우저 외의 환경(컴퓨터등)에서도 동작(실행)할수 있도록 자바스크립트 엔진을 독립시킨 실행환경(런타임) -> 자바스크립트로 브라우저에서 웹사이트 동작 + 컴퓨터 제어 가능한 환경을 만들어줌 [ 🤵🏻♀️ npm ] node package manager 전 세계의 개발자들(개인, 팀, 회사등)이 Node.js환경에서 사용할수있는다 다양한 패키지(모듈, 기능)을 만들어 npm에 업로드하면 내 프로젝트에 npm을 사용해 설치하고 관리함 프로젝트진행시 HTML에서 link나 script 태그로 불러왔던 reset.css, 구글의 meterial아이콘, Lodash, GSAP, Swiper등의 자바스크립트 플러그인이 패키지 이런 패키지(.. 2023. 7. 22. 1. [JavaScript] 개요 🏃🏻♀️ JavaScript JavaScript는 데이터를 기준으로 사고 위키백과 - ECMA스크립트 : 자바스크립의 표준 줄여서 ES 제로베이스 넘버링 사용 (index) [네이밍 컨벤션] 프로그래밍 표기법 dash-case: -, 꼬치에 끼워논것처럼 보인다고 kebab-case라고도함 -> HTML/CSS에서 주로 쓰임 snake_case: _, 뱀처럼 생겨서 snake -> HTML/CSS에서 주로 쓰임 camelCase: 제일 앞글자 소문자로 시작해 단어 구분을 대문자로 사용 낙타같이 생겨 camel -> JS에서 주로사용 PascalCase: 제일 앞글자 대문자로 시작하고 camelCase 같음 - Zero-basde Numbering 0부터 숫자를 시작 // 0일요일 1월요일 2화요일 3수요.. 2023. 7. 22. 이전 1 2 다음
