[JavaScript 개념잡기] JavaScript의 연산자

2. JavaScript의 연산자 1) 산술대입 연산자 ✔ 연산자 프로그램에서 데이터를 처리하여 결과를 산출할 목적으로 사용되는 문자 연산의 대상 값: 피연산자 피 연산자의 개수에 따라 단항, 이항, 삼항 연산자로 나뉨 ✔ 연산자 우선순위 순위가 높을 수록(내림차순) 우선 실행됨 [연산자 우선순위](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Operator_Precedence) ✔ 산술 연산자 수학적 계산을 위해 제공하는 연산자 // 덧셈 연산자 + console.log(31 + 10); // 뺄셈 연산자 - console.log(31 - 10); // 곱셈 연산자 * console.log(31 * 10); // 나눗..

• format_list_bulleted 개발 뜯기/JavaScript
• · 2021. 10. 3.
• textsms

[JavaScript 개념잡기] 변수와 자료형

1. 변수와 자료형 1) 변수와 상수 ✔ 변수 변경 가능한 값을 저장하기 위한 기억 공간(memory) 사용하기 전 반드시 선언 중복 선언 불가능 키워드 : let let A = 123; // 변수 선언 및 값 초기화 A = 456; // 값 재할당 let A = 789; // 재선언 -> error : 이미 선언 되어있기 때문 ✔ 상수 변경 불가능한 값을 저장하기 위한 기억공간 사용하기 전 반드시 선언 중복 선언 불가능 키워드 : const const B = 123; // 상수 선언 및 값 초기화 B = 456; // 값 재할당 -> error const C; // 초기화 없이 상수 선언 -> error C = 123; // error ✔ 호이스팅(Hosting)🤯 코드에 선언된 변수 및 함수를 유효한..

• format_list_bulleted 개발 뜯기/JavaScript
• · 2021. 10. 2.
• textsms

[JavaScript 개념잡기] JavaScript의 개요

0. JavaScript의 개요 1) 개요 ✔ JavaScript란? 객체(Object) 기반 스크립트 프로그래밍 언어 ECMAScript 사양을 준수하는 범용 스크립팅 언어 자바와 직접적인 연관은 없으며 웹의 동적 동작을 구현하기 위해 제작 JS 엔진 위에서 수행되며 google V8, Firefox SpiderMonkey 등이 있음 ✔ ECMAScript란? Ecma International이 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어 자바스크립트를 표준화하기 위해 만들어졌음 Ecma International : 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구 97년 ES1 초판, 09년 ES5, ES2015(ES6)으로 매해 6월에 버전 갱신 중 2) 기본 입출력 ✔ 입..

• format_list_bulleted 개발 뜯기/JavaScript
• · 2021. 9. 29.
• textsms

[JavaScript] DOM Element 위치값 가져오기

jQuery없이 JS로 슬라이더를 만들던 중 getBoundingClientRect()를 발견했다. DOMRect의 오브젝트를 긁어오는 메소드인데 console로 찍으면 다음과 같이 나온다. console.log(SLIDE_SIZE); // 출력 결과(firefox) DOMRect { x: 488.5, y: 120, width: 300, height: 237.88333129882812, top: 120, right: 788.5, bottom: 357.8833312988281, left: 488.5 } x, y 좌표값과 해당 엘레먼트의 width, height값 그리고 상하좌우 값도 나온다! getBoundingClientRect() IE에서 x, y값을 얻지 못하는 것을 제외하고(역시 IE...) 대부분..

• format_list_bulleted 개발 뜯기/JavaScript
• · 2021. 7. 11.
• textsms

[JavaScript] RGB 색 랜덤하게 가져오기

자바스크립트로 랜덤하게 컬러(RGB)를 가져오도록 해보자. 사용한 코드 function makeColor() { const r = Math.floor(Math.random() * 256); const g = Math.floor(Math.random() * 256); const b = Math.floor(Math.random() * 256); } rgb 색상은 각각 256가지의 정수 값 3개가 모여 만들어진다. ex) rgb(255, 155, 55) 0 ~ 255 = 256개이므로 Math.random()함수를 사용해 리턴한다. Math.floor() Math.floor() 함수는 주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환한다. Math.floor(𝑥) Math.random() Math.r..

• format_list_bulleted 개발 뜯기/JavaScript
• · 2021. 6. 30.
• textsms

[프로그래머스 / JavaScript] Lv.1 두 개 뽑아서 더하기

문제 설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 제한 조건 x는 -10000000 이상, 10000000 이하인 정수입니다. n은 1000 이하인 자연수입니다. 문제 풀이 function solution(numbers) { const answer = []; for (let i = 0; i < numbers.length; i++) { for (let j = i + 1; j < numbers.length; j++) { const sum = numbers[i] + numbers[j]; if (answer.indexOf(sum) < 0)..

• format_list_bulleted 개발 뜯기/코딩테스트
• · 2021. 6. 23.
• textsms