📚 모던 자바스크립트 딥다이브 북 스터디 후기 📚안녕하세요! 저는 Devocean Young 3기에서 모던 자바스크립트 딥 다이브 스터디를 진행하였습니다. 이번 스터디를 통해 자바스크립트의 깊은 세계로 한 걸음 더 나아갈 수 있었습니다! 스터디의 시작스터디의 첫 만남은 서로를 알아가는 시간이었습니다. 처음 1시간은 가벼운 대화로 서로의 공통점을 찾으며 분위기를 풀었어요. 특히, 4명 모두 애플 실리콘 칩 맥북과 ✨애플 정품 액세서리✨를 사용하는 앱등이(!)라는 공통점을 발견하며 웃음꽃이 피었습니다. 이렇게 친밀해진 뒤, 본격적으로 스터디 계획을 세웠습니다. 스터디 진행 방식 스터디 도서는 956페이지 분량의 "모던 자바스크립트 딥다이브"였습니다. 책이 워낙 두꺼운 관계로 격주로 진행하며, 매주 정해진..

코딩을 하다 보면 배열에서 최대값(max) 또는 최소값(min)을 구하는 일이 자주 있다자바스크립트의 Math.max와 Math.min 메서드는 이를 쉽게 처리할 수 있는 도구이지만, 배열에서는 바로 사용할 수 없다는 점에서 약간의 이해가 필요하다  Math.max와 Math.min의 기본 사용법Math.max와 Math.min 메서드는 개별 값을 입력 받아 그중 최댓값과 최솟값을 반환한다. Math.max(1, 2, 3); // 3Math.min(1, 2, 3); // 1 하지만 배열을 직접 전달하면 NaN이 반환된다그 이유는 이 메서드들이 고유한 변수를 기대하기 때문이다 const nums = [1, 2, 3];Math.max(nums); // NaNMath.min(nums); // NaN 해결책 -..

※ 제가 고수라는 뜻은 아닙니다 위 코드의 출력 값은 어떻게 될까? 첫줄에서 선언한 그대로 [9,8,7,6][1,2]이렇게 출력될까?결과를 마음 속으로 생각해보고, 아래 더보기를 눌러 답을 확인해보자.더보기놀랍게도 답은 7이 나온다.자바스크립트 배열의 접근 방식 이해하기자바스크립트에서 배열은 매우 자주 사용 되는 자료형이다.배열은 값들의 집합을 담고 있으며, 각 값은 인덱스를 통해 접근할 수 있다.이번 글에서는 배열에 접근하는 방법과, 자바스크립트의 특이한 배열 접근 방식에 대해 알아보자! 자바스크립트 배열 기초자바스크립트 배열은 값을 여러 개 저장할 수 있는 리스트 형태의 자료 구조이다. 배열에 저장된 각 값은 인덱스를 통해 접근할 수 있다.배열의 인덱스는 0부터 시작하며, 배열[인덱스] 형식으로 배열..

들어가기 앞서...실행 컨텍스트는 자바스크립트의 동작원리를 담고 있는 핵심 개념이다실행 컨텍스트를 바르게 이해해야, 스코트를 기반으로 바이딩을 관리하는 방법과, 호이스팅이 발생하는 이유, 클로저의 동작 방식, 이벤트 핸들러와 비동기 처리 방식을 이해할 수 있다  소스코드의 타입코드 종류설명전역 코드전역에 존재하는 소스코드를 말한다. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함하지 않는다함수 코드함수 내부에 존재하는 소스코드를 말한다. 함수 내부에 중첩된 함수, 클래스 등의 내부 코드는 포함되지 않는다eval 코드빌트인 전역함수인 eval 함수에 인수로 전달되는 소스코드 그 자체를 말한다모듈 코드모듈 내부에 존재하는 소스 코드를 말한다.모듈 내부의 함수, 클래스 등의 내부 코드는 '포함되지 않는다!..

모던 자바스크립트 딥다이브에서 타입 변환(형변환)파트를 읽던 중 발생한 일이다.아래와 같은 구절이 눈에 띄었다     명시적 형변환과 암묵적 형변환에 대해 간단히 짚고 넘어가자.명시적 형변환 (Explicit Type Conversion):    * 프로그래머가 코드에서 명확하게 타입 변환을 지정한다    * 예시: Number("123"), String(123), (10).toString()    * 코드 가독성이 높고, 코드 리뷰 시 의도를 명확히 알 수 있다암묵적 형변환, 자동 형변환 (Implicit Type Conversion)    * 자바스크립트 엔진이 자동으로 타입을 변환해준다    * 예를 들어 10 + ''처럼 숫자 10 뒤에 빈 문자열('')을 합하면숫자 10을 문자열 "10"으로 변..

코테 문제를 풀다 보면 인자에 대해 약수를 구해야 하는 경우가 자주 나온다그때마다 약수 구하는 함수를 새로 짰는데, 계속 반복해서 같은 코드를 관리하다 보니 너무 귀찮아져서 블로그에 기록해두고 필요할 때 마다 복사해서 사용하려고 한다 😊 일반적인 코드-1부터 n까지 나머지가 0인 값을 더하기const findDivisors = (n) => { var answer = [1]; //1은 모든 수의 약수니까 약수 배열을 1 포함해 만든다 for(let i = 2; i 사람의 사고 방식으로 작성된 코드이다하지만 1부터 n까지 모든 숫자를 검사하기 때문에 시간 복잡도가 O(n)이라 비효율적이다. 더 효율적인 코드- 1부터 √n까지만 검사하기const findDivisors = (n) => { ..

문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120883문제 설명머쓱이는 프로그래머스에 로그인하려고 합니다. 머쓱이가 입력한 아이디와 패스워드가 담긴 배열 id_pw와 회원들의 정보가 담긴 2차원 배열 db가 주어질 때, 다음과 같이 로그인 성공, 실패에 따른 메시지를 return하도록 solution 함수를 완성해주세요.아이디와 비밀번호가 모두 일치하는 회원정보가 있으면 "login"을 return합니다.로그인이 실패했을 때 아이디가 일치하는 회원이 없다면 “fail”를, 아이디는 일치하지만 비밀번호가 일치하는 회원이 없다면 “wrong pw”를 return 합니다.제한사항회원들의 아이디는 문자열입니다.회원들의 아이디는 알파벳 소문..

오늘은 무려 자바스크립트 공식 문서인 MDN에서 금기한 eval 함수에 대해 알아보자  프로그래머스 문제얼마 전 프로그래머스 문제를 풀고 있었다 ( 문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120902 )대충 문자열로 식이 주어지면, 그 식을 풀고 값을 리턴하는 코드를 작성해야 했다  어려운 문제는 아니라서 아래와 같이 코드를 작성했고 통과를 했다 내가 작성한 코드const solution=(my_string) => { let a=my_string.split(' ') //공백을 기준으로 문자열을 나눴다 let answer=Number(a[0]); //answer은 배열[0] 값, 즉 첫번째 숫자이다 for(let..

문제 설명https://school.programmers.co.kr/learn/courses/30/lessons/120912 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 머쓱이는 행운의 숫자 7을 가장 좋아합니다. 정수 배열 array가 매개변수로 주어질 때, 7이 총 몇 개 있는지 return 하도록 solution 함수를 완성해보세요.제한사항1 ≤ array의 길이 ≤ 1000 ≤ array의 원소 ≤ 100,000입출력 예arrayresult[7, 77, 17]4[10, 29]0입출력 예 설명입출력 예 #1[7, 77, 17]에는 7이 4개 있으므로 ..

들어가기 앞서자바스크립트로 프로그래머스 코딩 테스트 문제를 풀고 정리하는 시리즈입니다.이 시리즈는 C, C++, Python, Java 위주로 가득한 코딩 테스트 자료들 사이에서 자바스크립트로 문제를 푸는 데 어려움을 겪는 프론트엔드 개발자들에게 도움을 주기 위해 만들었습니다.자바스크립트 문제 풀이가 부족해서 어려움을 겪는 분들에게 이 시리즈가 가뭄의 단비 같은 존재가 되길 바랍니다. 목차삼항연산자MapFilter최대공약수, 최소공배수 함수Math.ceil몫을 구하는 가장 쉬운 방법 Math.floor, ~~틸트 연산자중복을 허용하지 않는 Set 객체배열 요소 정렬하기 sort() [JS]배열의 평균값 -프로그래머스120811 sort 함수의 동작 원리에 대해문제 링크: https://school.pro..

문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120811문제 설명중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요.제한사항array의 길이는 홀수입니다.0 -1,000 입출력 예arrayresult[1, 2, 7, 10, 11]7[9, -1, 0]0 입출력 예 설명입출력 예 #1본문과 동일합니다.입출력 예 #29, -1, 0을 오름차순 정렬하면 -1, 0, 9이고 가장 중앙에 위치하는 값은 0입니다.내가 작성한 코드우선..

문제 설명정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요. 제한사항0 ≤ numbers의 원소 ≤ 1,0001 ≤ numbers의 길이 ≤ 100정답의 소수 부분이 .0 또는 .5인 경우만 입력으로 주어집니다.입출력 예numbersresult[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]5.5[89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99]94.0  내가 작성한 코드const solution=(numbers)=>{ sum=numbers[0]; for(i=1; i 단순히 for문을 돌려서 전체 합을 구한 다음전체 크기로 나눠 평균을 구하는 알고리즘을 작성했다 그런데 최다..