Language (48) 썸네일형 리스트형 [JavaScript] Math.trunc()와 Math.floor()의 차이 Math.trunc()와 Math.floor()는 둘 다 소수를 다룰 때 사용되는 메서드이다. 그러나 이 두 메서드는 동작의 차이가 있다. Math.trunc() Math.trunc() 메서드는 주어진 숫자의 소수점 이하를 제거하고 정수 부분만 반환한다. console.log(Math.trunc(5.05)); // Expected output: 5 console.log(Math.trunc(-5.99)); // Expected output: -5 양수, 음수 상관없이 정수를 반환한다. 예를 들어, Math.trunc(5.05)는 5를 반환하고, Math.trunc(-5.99)는 -5를 반환한다. Math.floor() Math.floor() 메서드는 주어진 숫자의 소수를 버리고 그 숫자보다 작거나 같은 가.. [Java] OracleJDK(for Mac, 버전 선택) 자바 언어로 프로그램을 개발하기 위해 JDK를 설치해야 한다.JDK란 'Java Development Kit'의 약자로 자바 프로그램을 개발하는데 필요한 도구와 라이브러리를 제공하는 소프트웨어 개발 키트로 Java 언어로 작성된 응용 프로그램 및 애플리케이션을 개발하는 데 필요한 모든 도구를 포함하고 있다. 상용이 아닌 학습용은 무료 사용을 지원하고 있다. 아래의 링크를 통해 JDK를 다운받는다.https://www.oracle.com/kr/java/technologies/downloads/#java8-mac Download the Latest Java LTS FreeSubscribe to Java SE and get the most comprehensive Java support available,.. [JavaScript] Callback Function｜콜백함수 동기,비동기 콜백함수 함수를 전달해서 두 가지의 함수(printYes, printNo)가 if 상황이 맞으면 전달된 함수를 호출한다. 간단히 정의하면 다른 함수에 입력값으로 전달되서 다른 함수에 의해서 호출된다는 것이다. 예제) 정답이면 yes! 정답이 아니면 no! 반환 function quiz(answer, printYes, printNo) { if (answer === 'like it') { printYes(); } else { printNo(); } } const printYes = function() { console.log('yes!'); }; const printNo = function() { console.log('no!'); }; quiz('hate it', printYes, printNo); //n.. [JavaScript] for문을 이용해서 배열로 변환 for문을 이용해서 배열의 형태로 변환할 수 있다. 1. ...(rest parameters) function printAll(...args) { for (let i = 0; i < args.length; i++) { console.log(args[i]); } } printAll('apple', 'banana', 'mango') /* apple banana mango */ 2. for of function printAll(...args) { for (const arg of args) { console.log(arg); } } printAll('apple', 'banana', 'mango') args 모든 값들이 하나씩 차례로 지정되면서 arg를 출력 3. forEach function printAll(... [JavaScript] 논리 연산 logical operators 주의할 점 2023.07.04 - [💻/JS] - [Javascript] 연산자 종류와 if 조건문 [Javascript] 연산자 종류와 if 조건문 if 조건문에 비교 연산자를 사용할 수 있다. 연산자 종류 종류 기호 문법 의미 비교 연산자 == A==B A와 B가 같은가? != A!=B A와 B가 다른가? === A===B A와 B가 일치하는가? !== A!==B A와 B가 일치하지 않는 built.tistory.com 연산자의 종류는 이전글을 참고해주세요 논리 연산(logical operators) 사용시 주의할 점을 정리합니다. || (or) const value1 = false; const value2 = 4 < 2; function check() { for (let i = 0; i < 3; i++) { .. [JavaScript] canvas 자체를 가운데 정렬하는 법(CSS로 가져오기) canvas로 게임 만들기를 하던 중 canvas 자체를 가운데 정렬을 하고 싶어 별의 별의 별의 x100 방법을 시도하다가 성공하였다! 코드가 완벽하진 않지만 일단 구현된 것에 만족한다. JS에 CSS에서 설정한 style을 적용하는 것인데 2번째 방법으로 진행하였다. 1. canvas에 css 적용 2. canvas class에 css 적용 먼저 HTML 요점 코드만 가져왔다. canvas 태그로 JS에서 불러올 id를 설정하고 CSS에서 적용될 class를 부여한다. CSS .background { width: 890px; height: 550px; filter: brightness(80%); background: url(../ghostRain/img/background.PNG) no-repeat .. [JavaScript] for...in vs for...of for in - 객체의 속성들을 반복적으로 열거하는데 사용한다. - 주로 특정 값을 가진 키를 구현할 때 사용한다. - 배열이 아닌 객체의 반복문이므로 일관된 순서로 요소를 방문하지 않을 수 있으니 순서가 중요한 반복문을 구현할 경우 for...of나 forEach()문을 권장한다. for in의 구문 for (const 변수 in 반복할 객체) { 실행문 } - 변수는 반복할 때마다 다른 이름을 지정한다. - 객체는 열거형 속성을 가진 반복을 수행할 객체를 지정한다. ex const obj = {a: 1, b: 2, c: 3} for (const i in obj) { console.log(i + ':' + obj[i]); } /* a:1 b:2 c:3 */ ex. 학점 계산하기 const getExam.. [JavaScript] scope, block 등 용어 정의 scope : 변수에 접근할 수 있는 범위 block : 0개 이상의 구문을 묶을 때 사용하는 한 쌍의 중괄호 global scope : 전역 범위 global variable : 외부에 선언되어도 내부 접근이 가능한 전역 범위에서 선언된 변수(과도하게 사용하면 코드 복잡성과 예상치 못한 결과를 초래할 가능성 높음) block scope : 주어진 코드 블록{} 안에서만 사용 가능한 범위 local variable : function 내에 선언되는 변수 global namespace : 전역 범위에서 이름 공간을 선언하여 구분이 가능하도록 정해놓은 영역 scope pollution : 수가 의도하지 않은 범위에서 접근 가능하거나 사용되는 현상 [JavaScript] Math｜수학과 관련된 메서드 (+최댓값과 최솟값 사이에 랜덤수 구하기) Math() 는 수학적인 연산을 수행하는 상수와 함수를 포함하는 내장 객체입니다. 자주 사용하는 메서드 위주로 예시와 함께 확인해봅시다. round 는 반올림 메서드입니다. console.log(Math.round(3.5)); //4 console.log(Math.round(3.49)); //3 console.log(Math.round(2)); //2 console.log(Math.round(0.82)); //1 ceil 은 올림 메서드입니다. console.log(Math.ceil(1)); //1 console.log(Math.ceil(1.1)); //2 console.log(Math.ceil(2.01)); //3 console.log(Math.ceil(3.5)); //4 floor은 내림 메서드입니다.. [JavaScript] DOM DOM이란｜ 자바스크립트를 통해 웹페이지(문서)를 동적으로 제어해주는 인터페이스를 말한다. 약자를 풀어서 해석해보면 Document : 웹페이지를 구성하는 요소들(Element : body,div, ···) Object : 객체 Model : 모델 문서들을 객체로 만들어서 자바스크립트가 제어하도록 하는 장치를 DOM이라 한다. 브라우저는 HTML 코드를 해석하고 → 요소들을 트리 형태로 만든 문서(DOM)를 → 화면에 보여준다.(렌더링) DOM의 목적｜ 웹 페이지에 접근하여 페이지를 수정하고 이벤트 처리를 정의할 수 있다. DOM 접근 메소드｜ 메소드를 사용해 제어할 요소를 찾을 수 있다. 메소드 & 속성 설명 document.getElementById() 특정 id를 가진 요소를 선택한다. docume.. 이전 1 2 3 4 5 다음
