프론트엔드/JavaScript56 조건문 if, 랜덤값 만들기 랜덤값 생성(외부 js에서 사용가능하도록 export default 설정) export default function random () { // 랜덤값을 얻어온 다음에 소수점 밑에 자리를 버린다 return Math.floor(Math.random() *10) } 문법 if (조건) { 반환 값 } else if (조건2) { 반환 값 2 } else { 위 조건의 모두 맞지 않을 때 반환 값 } 조건은 계속 늘릴 수 있다 조건문 예제(외부 js 함수를 가져다 쓰기 위해 import 설정) import random from './getRandom' // 조건문 const a = random() // 중간에 맞는 조건이 있으면 나머지 조건은 무시한다 if(a === 0) { console.log('a is.. 2021. 5. 25. 삼항 연산자 문법: 조건 ? true일 경우 반환 값 : false일 경우 반환 값 // 삼항 연산자(ternary operator) const a = 1 < 2 if (a) { console.log('참') } else { console.log('거짓') } // true이면 첫번째, false이면 두번째 값 출력 console.log(a ? '참' : '거짓') 2021. 5. 25. 비교 연산자, 논리 연산자 비교 연산자 // 비교 연산자(comparison operator) const a = 1 const b = 3 // 일치 연산자 console.log(a === b) // 일치 연산자를 이용한 함수 생성 function isEqual(x, y){ return x === y } console.log(isEqual(1,1)) // 데이터 형이 다르기 때문에 false 출력 console.log(isEqual("1",1)) // 서로 다른 값인지 확인하는 연산자 console.log(a !== b) // a가 b보다 큰지 확인하는 연산자 console.log(a > b) // = 기호를 반드시 뒤쪽에 위치 시켜야 한다 console.log(a >= b) 논리 연산자 // 논리 연산자 const a1 = 1 =.. 2021. 5. 25. 산술연산자, 할당연산자 예제 산술 연산자 // 산술 연산자(arithmetic operator) console.log(1 + 2) // 더하기 console.log(5 - 2) // 빼기 console.log(9 * 2) // 곱하기 console.log(10 / 2) // 나누기 console.log(9 % 2) // 나머지 할당 연산자(const, let) // 할당 연산자(aaignment operator) // const: 재할당 불가 const a = 2 console.log(a) // let: 재할당 가능 let b = 1 // b = b + 4 b += 4 console.log(b) 2021. 5. 25. 데이터 타입 확인, 외부 js 파일 함수 가져다가 사용하는 방법 보통의 방법으로 확인 하는 명령어(typeof) 객체, 배열 타입은 object로 통합되어 보여진다. // 타입확인 typeof console.log(typeof "Hello World!!"); console.log(typeof 123); console.log(typeof true); console.log(typeof undefined); // 객체 데이터와 배열데이터는 object로 나온다 console.log(typeof null); console.log(typeof {}); console.log(typeof []); 타입을 자세히 확인할 수있는 함수 생성 object 였던 값들이 세분화 되어 보여진다. function getType(data) { return Object.prototype.toStr.. 2021. 5. 25. Node.js 세팅 1. 프로젝트 열기 2. 터미널에 npm init -y 명령어 입력 3. npm i parcel-bundler -D 명령어로 parcel 패키지 설치 4. package.json 파일내 scripts 항목 수정 "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, 5. index.html 생성 5. main.js 생성 console.log("Hello World!!"); 6. 실행: npm run dev 명령어 입력(dev: parcel 경로 세팅 명칭) 2021. 5. 25. 이전 1 ··· 5 6 7 8 9 10 다음
