배꼽파지 않도록 잘 개발해요

가까운 수 문제 설명 정수 배열 array와 정수 n이 매개변수로 주어질 때, array에 들어있는 정수 중 n과 가장 가까운 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ array의 길이 ≤ 100 1 ≤ array의 원소 ≤ 100 1 ≤ n ≤ 100 가장 가까운 수가 여러 개일 경우 더 작은 수를 return 합니다. 입출력 예 array n result [3, 10, 28] 20 28 [10, 11, 12] 13 12 풀이 1 Math 객체를 활용하여 array의 값을 필터링 function solution(array, n) { // n과의 차이를 넣고, 가장 작은거 선택 const difference = array.map(a => Math.abs(n - a))..

컨트롤 제트 문제 설명 숫자와 "Z"가 공백으로 구분되어 담긴 문자열이 주어집니다. 문자열에 있는 숫자를 차례대로 더하려고 합니다. 이 때 "Z"가 나오면 바로 전에 더했던 숫자를 뺀다는 뜻입니다. 숫자와 "Z"로 이루어진 문자열 s가 주어질 때, 머쓱이가 구한 값을 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ s의 길이 ≤ 200 -1,000 < s의 원소 중 숫자 < 1,000 s는 숫자, "Z", 공백으로 이루어져 있습니다. s에 있는 숫자와 "Z"는 서로 공백으로 구분됩니다. 연속된 공백은 주어지지 않습니다. 0을 제외하고는 0으로 시작하는 숫자는 없습니다. s는 "Z"로 시작하지 않습니다. s의 시작과 끝에는 공백이 없습니다. "Z"가 연속해서 나오는 경우는 없습니다..

모음 제거 문제 설명 영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 my_string이 매개변수로 주어질 때 모음을 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 my_string은 소문자와 공백으로 이루어져 있습니다. 1 ≤ my_string의 길이 ≤ 1,000 입출력 예 my_string result "bus" "bs" "nice to meet you" "nc t mt y" 풀이 1 배열로 만들어서 filter와 includes 사용 function solution(my_string) { const vowels = ["a", "e", "i", "o", "u"] var answer = ''; // 문자열 split('')으로 배열로..

◆ 자바스크립트 변수 정의 과정 ◆ 자바스크립트 Hoisting ◆ 자바스크립트 내장 객체 1 ◆ 자바스크립트 내장 객체 2 ◆ 자바스크립트 내장 객체 3 자바스크립트 변수 정의 과정 자바스크립트 엔진 · 자바스크립트 엔진은 자바스크립트 코드를 읽어 실행하는 프로그램이다. · 작성한 자바스크립트 코드는 자바스크립트 엔진을 통해 파싱되고 실행된다. · Chrome 브라우저의 경우 V8 엔진(구글에서 만든 자바스크립트 엔진)을 사용한다. 파싱(Parsing) : 자바스크립트 엔진은 먼저 소스 코드를 읽어 들이고 이를 추상 구문 트리(AST)로 변환한다. AST는 코드의 구조를 트리 형태로 표현하여 각 요소의 관계와 의미를 파악하도록 돕는다. 컴파일(Compilation) : AST로 변환된 코드는 컴파일러에..

◆ 자바스크립트 함수가 실행되는 과정 ◆ 실행 컨텍스트 ◆ this가 가리키는 것 ◆ 화살표 함수와 일반 함수의 this ◆ 자바스크립트 Closure ◆ ES6 Rest, Spread Operator 자바스크립트 함수가 실행되는 과정 자바스크립트 코드의 실행1 // 어떤 코드도 없는 경우 this : window 객체 (브라우저의 최상위단 스코프) Variable Object(변수들을 담는 객체) : {} Scope chain : [] · 자바스크립트 엔진은 코드가 없어도 실행 환경(실행 컨텍스트)을 초기화한다. · 스코프(scope)는 코드가 현재 실행되는 환경, 맥락(context)을 의미한다. - this 포인터, 스코프에 저장된 변수들, 스코프 체인 등이 환경에 포함된다. - this 포인터(레..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 모듈 모듈의 장점 · 코드를 효율적으로 관리할 수 있음 · 다른 프로그램에서 재사용할 수 있음 · 이미 만들어진 모듈도 많음 Node.js ·크로스플랫폼 오픈소스 자바스크립트 런타임 환경 ·윈도우, 리눅스, macOS 등을 지원함. ·V8 자바스크립트 엔진으로 구동되며, 웹 브라우저 바깥에서 자바스크립트 코드를 실행할 수 있음. 프론트엔드 개발도 Node.js 환경에서 많이 함. - 코드 개발 시에는 서드파티 모듈과 Node.js가 제공하는 기능을 활용 - 개발이 완료되면 최종 결과물을 빌드해서 웹 브라우저에서 실행함. 모듈의 정확한 의미는 context에 따라 달라질 수 있음. • 웹브라우저에서의 모듈 : ES 모듈 = 모듈..

async/await async/await 구문은 Syntactic sugar(기존 문법을 더 편하게 사용할 수 있도록 하는 문법적 장치)에 해당 fetch('https://jsonplaceholder.typicode.com/users') .then((response) => response.text()) .then((result) => { console.log(result); }); async function fetchAndPrint() { const response = await fetch('https://jsonplaceholder.typicode.com/users'); const result = await response.text(); console.log(result); } fetchAndPrin..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 DOM · Document Object Model의 약자로, 문서 객체 모델을 의미함. · 객체 지향 모델로써 구조화된 문서를 표현하는 형식 · XML이나 HTML 문서의 프로그래밍 인터페이스 · 문서의 구조화된 표현(structured representation)을 제공 → 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 함. · 주로 자바스크립트를 사용하지만, 어떠한 언어에서도 DOM의 구현이 가능하다. DOM의 종류 Core DOM 모든 문서 타입을 위한 DOM 모델 HTML DOM HTML 문서를 위한 DOM 모델 - HTML 문서를 조작하고 접근하는 표준화된 방법 - 모든 HTML 요소는 HTML ..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 Git을 사용하는 이유 · 파일의 버전이 달라지는 경우 · 한 파일에 동시에 접근하여 수정하는 경우 → Git을 활용하여 각 파일의 스냅샷 형태로 저장하여 원하는 버전으로 이동 가능함 Git의 특징 가지치기와 병합 main코드에서 독립성 유지하면서 개발 진행 가능함. 가볍고 빠르다 · SVN (subversion) : 중앙시스템에 여러 개발자들이 접속하여 항상 네트워크가 필요함. · git : 대부분 서버와의 통신 없이 로컬에서 진행됨. 다른 사람과 코드를 공유할 때만 중앙 서비스에 접속함. 분산 작업 복사된 프로젝트에서 동시에 작업 진행 가능함. 데이터 보장 CommitID가 같음 = 파일 구성이 완벽히 같음. 누가 어느 파..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 객체 지향과 절차 지향 • 객체 지향 프로그래밍 : 프로퍼티와 메소드로 이루어진 각 객체들의 상호작용을 중심으로 코드를 작성하는 것 • 절차 지향 프로그래밍 : 변수와 함수를 가지고 작업의 순서에 맞게 코드를 작성하는 것 객체만들기 Object-Literal · 객체를 나타내는 문자열 · 중괄호 안에 프로티와 메소드를 나열 프로퍼티 : 객체의 상태를 나타내는 변수들 / email, birthdate 메소드 : 객체의 행동을 나타내는 함수들 / buy(item) this : 현재 객체 자체를 의미 (user) this.email : user의 email 프로퍼티 const user = { email: 'gildong@google..