본문 바로가기

javascript study8

[완전탐색] 모의고사 - JavaScript / 반복문 성능 ✏️ 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하도록 solution 함수.. 2023. 2. 1.
[JS] Hosting 호이스팅이란? / 프로그래머스 구명보트 예시 문제 풀이 🌟 호이스팅(Hosting)이란? [참고] JavaScript의 Hoisting은 인터프리터가 코드를 실행하기 전에 함수, 변수 또는 클래스의 선언을 해당 범위의 맨 위로 이동하는 것처럼 보이는 프로세스를 나타낸다. 호이스팅 : 코드에 선언된 변수 및 함수를 유효한 범위의 코드 상단으로 끌어올리는 작업 - var의 변수, 함수의 선언만 위로 올려지고, 할당은 올려지지 않는다. - let, const 변수 선언과 함수 표현식에서는 호이스팅 발생 x => 위 내용만 알아도 된다. 호이스팅은 다른 방식에서 종종 var 선언의 특징 중 하나라고 여겨지지만, 아래와 같은 동작은 호이스팅으로 간주될 수 있다. 1. 변수가 선언되기 전에 해당 범위에서 변수의 값을 사용할 수 있다 ("값 호이스팅") 2. Refere.. 2023. 1. 27.
[JS] JavaScript에서 Number, 문자열 진법 자유롭게 변환하기 / 3진법 뒤집기 처음 '해당 숫자를 0진수로 변환해라'를 보면 당황스러울텐데 아주 간단하게 바꿔주는 메서드가 있다. 해당 숫자에 .toString(바꾸고 싶은 진수) 해주면 된다. ▶ Number.prototype.toString() toString() toString(radix) : toString() 메서드는 지정된 숫자 값을 나타내는 문자열을 반환한다. - 16진수부터 9보다 큰 숫자를 나타내기 위해 a~f 알파벳 문자가 사용된다. - 지정된 숫자 값이 음수이면 부호가 유지된다. - 숫자가 정수가 아닌 경우 소수점(decimal point, .)을 사용하여 소수점을 구분하고, 기수가 10이고 숫자의 크기가 10**21 보다 크거나 같거나 10**-6 보다 작은 경우 과학적 표기법(Scientific notation.. 2023. 1. 25.
[프로그래머스] 핸드폰 번호 가리기 - JavaScript / repeat(), fill(), 정규 표현식 풀이 ✏️ 문제 설명 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 phone_number는 길이 4 이상, 20이하인 문자열입니다. 입출력 예 phone_number return "01033334444" "*******4444" "027778888" "*****8888" ✏️ 문제 풀이 - 내 풀이 function solution(phone_number) { let endNumber = [...phone_number].splice(-4).join(''); phone_num.. 2023. 1. 21.
[Js] 구조 분해 할당(Destructuring assignment)이란? 💡 이 글은 MDN의 문서 Destructuring assignment의 설명과 예제 코드를 공부하며 살짝 바꿔 정리한 글입니다. 좀 더 자세한 사항을 알고 싶다면 해당 문서 사이트를 방문해 주세요. - 정확한 용어 파악을 위해 영어와 같이 명시했습니다. ✏️ 개념과 문법 구조 분해 할당 구문은 배열(arrays)이나 객체의 속성(properties from objects)을 해체(unpack)하여 그 값을 개별 변수에 담을 수 있게 하는 표현식이다. 내식대로 이해+) 사과 상자에서 제일 좋은 최상급 사과 꺼내고(A), 내가 먹을 것 꺼내고(B_특정 요소 지정), 나머지는 우르르 나머지 상자에 쏟을 수 있다(REST) let a, b, rest; [a, b] = [10, 20]; console.log(a.. 2023. 1. 18.
[JS] this는 도대체 뭘까? this의 개념과 예시 문제 풀이 자바스크립트 다양한 코드를 보다 보면 계속 this가 문득문득 등장하는데 정확한 개념을 이해하지 못해 답답했다. 계속 등장하는 김에 제대로 알고 가자! 어려운 개념인 만큼 잘 설명한 영상을 찾아봤다. 참고 영상 ※ 본 포스팅은 아래 영상 내용을 토대로 공부하며 정리해 작성했습니다. 잘 모르겠다면 직접 영상을 보길 추천합니다. ✏️ this의 개념 대부분의 경우 this의 값은 ⭐️함수를 호출한 방법에 의해 결정된다. 실행중에는 할당으로 설정할 수 없고 함수를 호출할 때마다 다를 수 있다. ES5는 함수를 어떻게 호출했는지 상관하지 않고 this 값을 설정할 수 있는 bind 메서드를 도입했고, ES2015는 스스로의 this 바인딩을 제공하지 않는 화살표 함수를 추가했다. +) 공부해보니 사투리로 이거 .. 2023. 1. 17.

티스토리툴바