목록JavaScript (34)
궁금한게 많은 코린이의 Developer 노트
보호되어 있는 글입니다.
-자바스크립트에서 함수를 호출하는 내장 메서드 방법 중 하나. -일반적으로 함수명(파라미터)의 형식으로 호출하지만, apply메서드는 파라미터로 함수에서 사용할 this 객체와 호출하는 함수로 전달할 파라미터를 입력받는다. -함수를 호출하는 동안 함수의 this 값을 설정하고, 함수에 인수를 배열로 전달할 수 있도록 도와줌. apply (this로 사용될 값, 호출할 함수의 매개변수를 받을 배열) func.apply(thisArg, [argsArray]); apply 메서드의 특징 -함수를 어떻게 호출했는지 상관하지 않고 this를 지정할 수 있다. -특정 함수를 호출할 때 '매개변수'를 배열로 넣어야 하는 경우 활용한다. -행, 혹은 열로 정리해주는 함수 어플리케이션이다. 예시를 살펴보자. const ..
나의 풀이 function solution(arr) { var arrArray = arr.join(''); var answer = `${arrArray}`; return answer; } 다른 사람의 풀이를 보면서 변수하나 빼도 구동이 가능하다는 것을 알게되었다.. join 메서드를 사용한 것을 보면 문제 접근법은 나쁘지 않았던 것 같다. 다른사람의 풀이 1 function solution(arr) { return arr.join("") } join 메서드를 사용하여 더 간결하게 푼 풀이이다. 다른사람의 풀이 2 function solution(arr) { var answer = ''; arr.forEach(str=>{ answer += str; }) return answer; } 비어있는 문자열 변수 ..
나의 풀이 풀이 방법: - 문자열을 배열로 만들어주어 split 변수에 할당해준다. - reverse 메소드를 사용해서 '배열'을 뒤집는다. - join 메서드를 사용하여 배열을 다시 하나의 문자열로 합친다. - 삼항 연산자를 사용하여 코드를 줄여보았다. function solution(before, after) { let split = [...before]; split.reverse(); return split.join("") == after ? 1 : 0; } 나의 여러 시도들 ..// function solution(before, after) { //var answer = 0; let split = [...before]; //문자열을 배열로 하나하나 쪼갬. split.reverse(); // 그것을..
어제 문제를 풀면서 분명히 답은 똑같이 나왔는데 답이 아니라고 해서 애를 먹었었다. 오늘 다시 풀어보니 답이 나와서 기쁘다. 문제 접근 방법 - 초반의 접근 방법😵 //문자열을 어떻게 겹치지? 배열에 순서를 넣음. //문자열을 단어로 쪼갠다. //인덱스 0 0 1 1 2 2 3 3 4 4 5 5... //새로운 문자열을 받을 배열 변수를 준비한다. - 후반의 접근 방법😄 //문자열에 각각의 고유한 인덱스 번호가 있음. //a의 인덱스 번호와 b의 인덱스 번호가 맞다면~ //그 둘을 더해서 새로운 배열에 저장해줘. //이거를 배열의 길이 만큼 반복해서 저장해줘. 나의 문제 풀이 프로그래머스 자체에서 준 힌트는 주석 처리하고 풀었던 나.. 이래서 계속 답이 ababababab 이렇게 나왔나 보다. ( 정답:..
나의 문제풀이 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); rl.on('line', function (line) { let [a,b] = line.split(' '); console.log(`${a+b}`); }) 주어진 단어를 잘라 각각 a와 b에 할당해주고 템플릿 리터럴(` `) 과 표현식 삽입('${ }')을 사용하여 문제를 풀어보았다. -> 그냥 a + b 작성 해주어도 문제는 풀린다 ^^ 참고 풀이 const readline = require('readline'); const rl = readline.createInte..
const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input; //짝홀 구분하기 rl.on('line', function (line) { input = line.split(' ').map(Number); }).on('close', function () { if (input % 2 == 0) { console.log(`${input} is even`); } else if (input % 3 == 0 || input == 1 || input % 2 == 1) { console.log(`${input} is odd`); } }); ..
map() 함수란? 배열을 순회하며 지정된 콜백 함수를 적용하여 각 요소를 변환하고, 그 변환된 값을 모아서 새로운 배열로 반환하는 역할을 수행함. foreach 함수와 함께 사용합니다. 데이터 변경이 아닌 변환 map 함수는 기존 배열을 변경하지 않고 새로운 배열을 생성합니다. 원본 배열(데이터)은 그대로 유지합니다.
자바스크립트의 this는 상황별에 따라 달라진다. 자바스크립트는 상황별로 this에 다른 값을 부여함으로서 어떤 이유로 달라지게 되는지, 예상과 다르게 엉뚱한 대상을 바라보는 경우도 있기 때문에 정확한 작동방식의 원인을 파악해야 합니다. 많이 알고 계시는 개념일텐데요, 정확한 작동방식의 원인을 파악한다면 이해하시는데 도움이 될 수 있습니다. 자바크립트에서 this는 실행 컨텍스트가 생성될 때 함께 결정됩니다. 실행 컨텍스트는 함수를 호출할 때 생성 = this는 함수를 호출할 때 결정됩니다. Build Up 개념 자바스크립트의 모든 변수는 특정 객체의 프로퍼티로 동작함. 특정객체 = 실행 컨텍스트의 Lexical Environment (L.E). 자바스크립트 엔진의 실행 컨텍스트는 모든 변수를 수집해서 ..
이번에 졸전이 끝나고 정신 놓고 있었는데 다시 정신차리고 공부 해야지..너무 많은 일이 있었다는ㅎㅎ 그리고 졸전 때 공부했던 것들도 하나씩 블로그에 올릴 예정입니다! 오늘은 가볍게 em 과 strong 태그의 차이 부터 알아보려고 합니다. 태그란? : 내용의 강조, 문맥상의 강조 태그란? : 내용의 중요성, 긴급 또는 심각성을 나타내기 위해 사용, strong태그는 내용의 의미를 변경하진 않지만 em태그는 내용의 의미를 변경할 수 있습니다.