바른소리

every() 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트하는 메서드 boolean 값을 반환한다. 구문 arr.every(callback[, thisArg]) callback : 각 요소를 시험할 함수. 다음 세 가지 인수를 받는다. currentValue :처리할 현재 요소 index (Optional) :처리할 현재 요소의 인덱스 array (Optional) : some을 호출한 배열 thisArg (Optional) : callback을 실행할 때 this로 사용하는 값 예제 // elemnet : 각 요소들 , index : 현재 요소의 인덱스 , array : some을 호출한 배열 function isBigEnough(element, index, array) { return..

indexOf() : 특정 문자의 위치를 찾기 위한 함수 구문 string.indexOf(searchvalue, position) 문자열에서 특정 문자열을 찾고 , 검색된 문자열이 '첫번째'로 나타나는 위치 index를 리턴한다. 파라미터 searchvalue : 필수 입력 값, 찾을 문자열 position : 기본값은 0이고 searchvalue를 찾기 시작할 위치 찾는 문자열이 없으면 -1 을 리턴한다. 문자열을 찾을 때 대소문자를 구분한다. 예제 // str = a b c d a b // index = 0 1 2 3 4 5 const str = "abcdab"; console.log(str.indexOf("ab")); // 0 console.log(str.indexOf("ab", 1)); // 4 ..

사용자가 버튼 클릭 시, colors 배열에서 두 개의 색상이 랜덤 선택되고 그라데이션으로 바뀌는 이벤트를 실행해보자. 필요한 것 linear-gradient : 선형 그러데이션을 만들어주는 CSS 함수 linear-gradient(방향, 색1, 색2,...) background: linear-gradient(orange, yellow); 방향의 기본 값은 위->아래 이고 방향은 각도로 정할 수 있다. background: linear-gradient(90deg, pink, orange); Math.floor() : 주어진 숫자의 소수점 이하를 내림해서 반환하는 함수 Math.random() : 0에서 1보다 작은 범위의 난수를 반환하는 함수 length : 배열의 길이(요소의 개수)를 반환하는 프로퍼티..

최근에 백준을 통해 node.js로 문제를 풀고 있는데 split()이 자주 등장한다. 예를 들면.. const fs = require('fs'); const input = fs.readFileSync('dev/stdin').toString().split(' '); const fs = require("fs"); const input = fs.readFileSync("dev/stdin").toString().trim().split("\n"); let A = parseInt(input[0].split(" ")[0]); let B = parseInt(input[0].split(" ")[1]); let C = parseInt(input[1]); 이런식으로 쓰이고 있다. split() 메서드가 도대체 뭔지 제대로..

- 연산 1. String concatenation (문자열 연결) // + 기호를 사용해서 문자와 문자를 연결시키거나 문자와 숫자를 연결시켜서 문자열로 만들 수도 있다. // 또한, ``을 이용해 템플릿 리터럴을 사용할 수도 있다. $ 를 이용하면 변수값을 계산해서 string으로 포함한다. // 리터럴의 장점은 줄바꿈을 하거나 중간에 특수기호 ' 등을 사용하여도 다 출력이 된다. console.log("my" + "cat"); console.log("1" + 2); console.log(`string literals: 1 + 2 = ${1 + 2}`); console.log(`ellie's book`); console.log("ellie's \nbook"); 2. 사칙 연산 console.log(1 ..

1. variable : 변수 : 변경될 수 있는 값 let : ES6에서 추가 let name = `ellie`; console.log(name); // > ellie name = `hello`; console.log(name); // > hello 2. Block scope let globalName = "global name"; //global 변수는 어플리케이션 시작부터 끝날 때까지 메모리에 있기 때문에 최소한으로 쓰는 것이 좋다. { let name = "ellie"; console.log(name); name = "hello"; console.log(name); } console.log(globalName); // global 변수이기 때문에 출력가능 > global name console.l..

script 삽입 시 async와 defer의 차이점 이해하기 - head 안에 삽입하기 1. 위에서부터 차례대로 파싱하다가 2. script태그를 만나면 잠시 파싱을 멈추고 main.js를 다운 받아서 실행한다. 3. 다시 파싱을 한다. - body 안에 삽입하기 1. html을 파싱해서 페이지가 준비를 마친 후, 2. script 를 서버에서 받아오고 실행한다. 단점) 사용자가 기본 html은 빨리 볼 수 있지만 만약 코드가 js에 의존적이라면 (js를 이용해서 데이터를 받아오는 방식) 정상적인 페이지를 보기까지 다소 시간이 걸린다. - head 안에서 async 사용하여 삽입하기 1. html 파싱하다가 script를 만나면 다운로드 하라고 명령해두고 계속 파싱을 한다. 2. 다운로드가 끝나면 파싱..

(2021.08.20 본인 네이버 블로그에서 작성한 글 옮겨옴) 무려 2주만에 만들어낸 갤러리 ....... ​ 그냥 쥐도새도 모르게 없애고 원래 없던 척 할까 아냐 그래도 이왕 시작한거 끝까지 해볼까 ​ 수백만번 아니 수억만번 고민했찌만 ,,,,,,,,,,,,,,,,,,,,,, ​ ​ 난 짱이다 ,,,,,,,,,,,,,,,,,,,,, ​ ​ ​ ​ 해냈기 때문이지 ,,,,,,,,,,,,,,,,,,, ​ ​ ​ ​ 이것만 하느라 블로그 하나도 못씀 ^^;;;; ​ ​ ​ 하려고 하는 것 https://blog.naver.com/wjddma1202/222477904739 [현장 실습]2021 하계 5주25일차- 슬라이드 갤러리 이전/다음달 버튼만들기 8월 6일에 썼지만 8월 20일에 올리는 지옥의 갤러리 ..