전체 글 317

[JavaScript] 기본 연산자(산술연산자, 증감연산자, 대입연산자, 비교연산자)

1. 산술연산자 연산자 이름 목적 예시 값 + 더하기 두개의 숫자를 더한다 4 + 5 9 - 빼기 왼쪽에 있는 수를 오른쪽 수로 뺀다 21 - 17 4 * 곱하기 두 개의 숫자를 곱한다 2 * 8 16 / 나누기 왼쪽의 숫자를 오른쪽 숫자로 나눠서 '몫'을 구한다 10 / 3 3.333 % 나머지 왼쪽의 숫자를 오른쪽 숫자로 나눠서 '나머지'를 구한다 8 % 3 2 ** 지수 왼쪽의 숫자를 오른쪽 숫자만큼 제곱한다 5**2 25 2. 증감연산자 연산자 이름 목적 예시 값 ++ 증가 연산자 변수값에 1을 더한다 count++ count + 1 -- 증감 연산자 변수값에 1을 뺀다 count-- count - 1 ※ 후위 연산자 VS 전위 연산자 후위 연산자 전위 연산자 설명 연산자가 변수의 뒤에 위치 변수..

JS/개념 2023.04.03

[JavaScript] 삼항연산자

삼항연산자란? - 세개의 피연산자를 받는 유일한 연산자 - if ... else 문의 대체재로 사용된다 구문 표현 조건문 ? 참일 경우 실행할 표현식 : 거짓일 경우 실행할 표현식 예제 - 삼항 연산자 사용 function example(name){ return name === 'ucong' ? 'yes' : 'no'; } console.log('ucong'); // output: 'yes' console.log('babo'); // output: 'no' console.log(null); // output: 'no' - 다중 삼항 연산 function example(num){ return num > 0 ? 'num은 숫자 0보다 큽니다' : num < 0 ? 'num은 숫자 0보다 작습니다' : 'nu..

JS/개념 2023.04.03

[VSCode] ESLint, Prettier 설치 및 파일 저장시 자동 적용 세팅

ESLint - 자바스크립트 코드에서 발견되는 문제시되는 패턴을 식별하기 위한 정적 코드 분석 도구 1. Extentions에서 ESLint를 검색해 install을 해준다. 2. 설정에서 editor code로 검색후, Code Actions On Save에 위치한 Edit in settings.json 을 클릭해 파일을 연다. 3. settings.json 파일이 열리면 아래와 같이 editor.codeActionsOnSave 안에 코드를 입력해 저장해준다. "source.fixAll.eslint": true Prettier - 코드 포맷터로 개발자가 작성한 코드를 정해진 코딩 스타일에 따르도록 변환해주는 도구 1. Extentions에서 Prettier를 검색해 install을 해준다. 2. 설정..

프로그램 세팅 2023.03.28

[VSCode] VS Code로 JavaScript 개발 환경 구축/실행

1. VS Code 설치 - Visual Studio Code 사이트에서 자신의 OS에 맞게 다운로드 받는다. (https://code.visualstudio.com/) 2. Node.js 설치 - 자바스크립트 파일을 실행시키기 위해서는 node.js 가 필요하다. - Node.js 사이트에서 자신의 OS 맞게 다운로드 받는다. (https://nodejs.org/ko/download) 3. Code Runner 플러그인 설치 - 자바스크립트를 비롯해 다양한 프로그래밍 언어를 VS Code에서 실행할 수 있게 해준다. - ❶Extentions 메뉴를 누르고, ❷Code Runner를 검색 후 ❸ Install 버튼을 클릭해 플러그인을 설치해 준다. 4. javascript 파일 만들어 실행해보기 - Co..

프로그램 세팅 2023.03.28

[JavaScript] Math 함수 정리

메소드 설명 Math.min(x,y, ...) 인수로 전달받은 값 중에서 가장 작은 수를 반환. Math.max(x,y, ...) 인수로 전달받은 값 중에서 가장 큰 수를 반환. Math.round(x) x를 소수점 첫 번째 자리에서 반올림하여 그 결과를 반환. Math.floor(x) x와 같거나 작은 수 중에서 가장 큰 정수를 반환. Math.ceil(x) x와 같거나 큰 수 중에서 가장 작은 정수를 반환. Math.round() 0보다 크거나 같고 1보다 작은 랜덤 숫자를 반환. Math.trunc(x) x의 모든 소수 부분을 삭제하고 정수 부분만 반환 Math.floor() VS Math.trunc() >>> Math.floor(-3.14) # 결과 : -4 >>> Math.trunc(-3.14)..

JS/개념 2023.01.05