여기서 뭘 얻어갈려 하지 마셔요

border-box : width, height에 border, margin, padding 포함 content-box : width, height에 border, margin, padding 미포함 https://dasima.xyz/css-box-sizing-content-box-vs-border-box/

https://siwans.tistory.com/107 [node.js] npm run serve 오류 vue-cli-service: command not found 오픈 소스를 Clone 받아 프로젝트 npm을 구동 하려고 했는데 아래와 같은 상황을 만날 경우가 있다. 문제 minsiwan-ui-MacBookPro:slots minsiwan$ npm run serve > slots@0.1.0 serve > vue-cli-service serve sh: vue-cli-service: co siwans.tistory.com https://doqtqu.tistory.com/353 [Node.js] npm install vs npm ci 차이점 npm(Node Package Manager)이란? 프로젝트에 필..

https://velog.io/@energyy044/Reactzsh-command-not-found-nvm [React]zsh: command not found: nvm 이걸 보면 에러가 사라질 것이다.. velog.io

const num = 65 const letter = String.fromCharCode(num) // A letter.charCodeAt(0) // 65 const sentence = "H Hi it's me again asap." const index = 5 sentence.charCodeAt(index) // 105 sentence.charAt(index) // i ref. https://developer-doreen.tistory.com/72 [javascript] 문자를 숫자로, 숫자를 문자로 (아스키코드) 숫자를 문자로 변환 const a = String.fromCharCode(65); console.log(a); // A 문자를 숫자로 변환 const a = "A"; console.log(a..

함수 ≠ 메소드 함수를 호출하는 객체가 없는 경우 (엄밀히 window) 독립적으로 존재 메소드 ⊂ 함수 객체 안에 속성 값으로 선언된 함수. (aka 멤버 함수) *객체 안에 속성 값으로 선언된 변수는 프로퍼티 (aka 멤버 변수) ref. https://ffoorreeuunn.tistory.com/149 [ JavaScript ] 자바스크립트 함수 지향 | 메소드와 함수 차이 | 함수 리턴값 | 함수 배열 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 값으로서의 함수 - 함수와 메소드의 차이 JavaScript에서는 함수도 객체입니다. 다시 ffoorreeuunn.tistory.com https://ffoorreeuunn.tistory.com/..

배열의 특정 인덱스를 삭제하고 싶을 때는 array.splice(start index, delete count) 배열의 요소 삭제&추가 동시에 할 때는 array.splice(start index, delete count, 추가할 값1, ... 추가할 값n) ⚠️ delete count : end index 자리 아님🙅‍♀️ ref. https://sisiblog.tistory.com/263 [javascript] 자바스크립트 배열에서 특정 값 삭제 자바스크립트의 배열은 여러 값을 묶을 수 있고 그 값들에서 루프를 돌 수 있게 해줍니다. 이를 위해 다양한 방법으로 값을 추가하거나 제거할 수 있는데 간단하게 쓸 수 있는 Array.remove() 메소드 sisiblog.tistory.com array를 참..

const arr = [1, 2, 3, 4, 5] // 방법 1. process.stdout.write() - 너무 느림! 지양할 것 arr.forEach(element => { process.stdout.write(element) // error process.stdout.write(`${element} `) // 1 2 3 4 5 }) // 방법 2. join(" ") console.log(arr.join(' ')); // 1 2 3 4 5 console.log(arr.join()); // 1,2,3,4,5 console.log(arr.toString()); // 1,2,3,4,5 // 방법 3. for문 let result = '' for (let i = 0; i < arr.length; i++) ..

23.09.21 for문 말고 더 효율적인 코드가 없을까 찾아보다가 const len = 3, val = 2 const arr = new Array(5).fill(0) // [0, 0, 0, 0, 0] const arr2 = new Array(len).fill(val) // [2, 2, 2] 23.10.31 (백준 2563) 2차원 배열 초기화 방법은 위처럼 하면 안 된다. ∵ Array.fill() 함수는 메모리 참조하여 복사하기 때문에, 어떤 동작을 수행하든 모든 열에 똑같이 적용되는 불상사 발생한다. ∴ 길이와 값을 설정할 수 있는 Array.from(arrayLike, mapFn) 을 이중으로 사용한다. 🔖 Array.from(arrayLike, mapFn) 1. { length: N } 2. n..

The difference between \s and \S is that the former matches all the whitespace while the latter matches all nonwhitespace. The addition of + says to the regex engine - “I want 1 or more of the previous symbol” Matches involving + are said to be greedy and take as many characters as they can in a given match. so \s+ says match if there’s one or more whitespace in a row, making the longest match y..

#6.2 BEM BEM: Block Element Modifier css가 더 쉽게 읽히는 방법(규칙) BEM — Block Element Modifier BEM is a highly useful, powerful, and simple naming convention that makes your front-end code easier to read and understand, easier to work with, easier to scale, more robust and explicit, and a lot more strict. getbem.com BEM 101 | CSS-Tricks The following is a collaborative post by guest Joe Richardson, Robi..