2024/04 8

[JS] variables - var, let, const (scope, hoisting)

const ⭐️ (ES6)중복선언 ✕  재할당 ✕constant '상수'never gonna updated∴ default (always)  [JS] const인 array, object 요소 수정 가능한 이유원시자료형 Primitive Values : 변수에 값을 직접 할당 string, number, bigint, boolean, undefined, symbol, null 📦 저장 1) 실제 값은 STACK 메모리에 저장 2) 변수는 STACK 속 데이터의 주소/위치를 바라봄 📑 복사 1)119taeyoung.tistory.com let (ES6)중복선언 ✕  재할당 ⃝will be updated∴ 필요시 (sometimes) - 변수의 scope를 최대한 좁게 하여  var (legacy)중복선..

Front-end/Vanila JS 2024.04.29

[JS] Console 객체

console 객체는 브라우저의 디버깅 콘솔(Firefox 웹 콘솔 등)에 접근할 수 있는 메서드를 제공합니다.동작 방식은 브라우저마다 다르지만, 사실상 표준으로 여겨지는 기능도 여럿 있습니다. console 객체는 아무 전역 객체에서나 접근할 수 있습니다. 브라우징 문맥에선 Window, 워커에서는 WorkerGlobalScope(en-U)가 속성으로 포함하고 있습니다.Window.console의 형태로 노출되어 있으므로 간단하게 console로 참조할 수 있습니다. console.log('Hello World')console.log(1998)console.log(true)var obj = { key: 'value' }console.log(obj)console.table(obj)..

Front-end/Vanila JS 2024.04.24

[CSS] JS에서 CSS 변수(사용자 정의 속성) 설정하는 방법

// element.style.:propertyName = propertyValueelement.style.setStyle('--variantName', variantValue)element.style.:propertyName 하려고 console에 찍어보니 나오지 않아 당황했다.style의 setStyle 함수를 이용하여 설정해주면 된다. 간단 box { --rotation: 0; transform: rotate(calc(var(--rotation) * 1deg));}const box = document.querySelctor('.box') // 방법1// const box = document.getElementByClassName('box') // 방법2box.styl..

A-HA💡/CSS 2024.04.24

[알고리즘] 완전탐색(Brute Force)

백준 1816, 2503, 14568, 19532 Brute force = 무식한 힘 - 가능한 모든 경우의 수를 때려박고 - 조건에 맞다면 출력! 문제를 만났을 때, 기술과 아이디어를 먼저 찾으려한다면 모르는 기술과 아이디어를 만났을 때는 어떻게 풀 수 있겠는가? 앞으로는 어떤 문제든지 경우의 수가 보인다면 시간과 메모리만 충분히 주어질 때 완전탐색으로 그 문제를 해결할 수 있다. 더보기 완전탐색적 사고를 강요(?)하는 이유 : 근의 공식 문제를 풀어라! 라는 이야기가 나왔을 때, 근의 공식을 수학적으로 정리해서 코드로 쓸 수 있는 사람과 쓸 수 없는 사람이 존재합니다. 수학으로 정리해서 풀 수 없는 사람은 완전탐색적 사고를 먼저 생각해서 풀어내고, 나중에 수학적 지식을 채워나가면 됩니다. 반대로 수학..

알고리즘 2024.04.23

[알고리즘/JS] 입력과 출력

출력 console.log() 입력 const file = process.platform === 'linux' ? '/dev/stdin' : 'input.txt' // 백준 const fs = require('fs') const input = fs.readFileSync(file).toString().trim() - 숫자 +input Number(input) parseInt(input) - 문자 input - 수열 input.split(' ').map(Number) - 문자열 input.split(' ') - 배열 요소만 출력 console.log(...arr) console.log(arr.join(' ')) // → string type 반복문 // 1 for (let index = 0; index <..

알고리즘 2024.04.22

[JS/알고리즘] 백준1085. 최솟값 최댓값

C++ 로 알고리즘을 처음 배워서 for문으로 구하는 방식만 알고 있었는데 아니 이게 웬 걸 우리 JS에겐 Math 라이브러리가 있었다. 4ms 시간이 단축됐다. Math.min(value1, value2, ...) Math.min() - JavaScript | MDN Math.min() 함수는 주어진 숫자들 중 가장 작은 값을 반환합니다. developer.mozilla.org + 최댓값 Math.max() 소수점 내림 Math.floor() 소수점 반올림 Math.round() 소수점 올림 Math.ceil() 제곱값 Math.pow() 제곱근 Math.sqrt() 랜덤 Math.random() 절대값 Math.abs() 부호 Math.sign()

A-HA💡/JS 2024.04.02