본문 바로가기

Java Script

 (25)
[JavaScript] DOM이란? Node와 Element의 차이점 DOM이란? 문서 객체 모델(Document Object Model, "DOM")은 웹페이지에 대한 인터페이스다. 우리는 DOM을 통해 웹콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 이벤트 등에 대한 처리를 읽고 조작할 수 있는 프로그래밍 인터페이스이다. 즉 자바스크립트 같은 스크립팅 언어가 쉽게 웹 페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역할을 담당한다. 웹페이지는 어떻게 구축되는가? 브라우저가 HTML 파일을 읽어와서 화면에 띄워주는 과정은 'critical rendering path'라고 불린다. 이 과정을 크게 두 가지로 나누자면, 1) 브라우저가 HTML과 CSS를 파싱하여, 결국 화면에 어떤 것이 보여지게 되는지를 결정하는 과정과 2) 브라우저가 렌더링을 하는 과정이다. criti..
[알고리즘] 0825 문제 - Codewars_Counting Sheep (8kyu) Consider an array/list of sheep where some sheep may be missing from their place. We need a function that counts the number of sheep present in the array (true means present). For example, [true, true, true, false, true, true, true, true , true, false, true, false, true, false, false, true , true, true, true, true , false, false, true, true] The correct answer..
[알고리즘] 0824 문제 - Codewars_Century From Year (8kyu) Introduction The first century spans from the year 1 up to and including the year 100, the second century - from the year 101 up to and including the year 200, etc. Task Given a year, return the century it is in. Examples 1705 --> 18 1900 --> 19 1601 --> 17 2000 --> 20 문제 풀이 function century(year) { let yearString = String(year); let endNum = yearString.sli..
[JavaScript] 문자열 공백 제거 1. trim() 으로 공백 제거 1.1) trim() 메소드는 원본 문자열을 수정하지 않고 문자열 양 끝의 공백을 제거하고 새로운 문자열을 반환한다. let str = " Hello, Wolrd "; console.log(str.trim()); //console 결과값 "Hello,World" 1.2) trimStart(), trimEnd()는 문자열 왼쪽 또는 오른쪽 공백을 제거하고 새로운 문자열을 반환한다. let str = " Hello, World "; let tStart = str.trimStart(); //문자열이 시작하는 왼쪽 공백열 제거 console.log(tStart); //console.결과값 "Hello, World " let tEnd = str.trimEnd(); //문자열이 끝..
[알고리즘] 0823 문제 - Codewars_Remove String Spaces (8kyu) Write a function that removes the spaces from the string, then return the resultant string. Examples: Input -> Output "8 j 8 mBliB8g imjB8B8 jl B" -> "8j8mBliB8gimjB8B8jlB" "8 8 Bi fk8h B 8 BB8B B B B888 c hl8 BhB fd" -> "88Bifk8hB8BB8BBBB888chl8BhBfd" "8aaaaa dddd r " -> "8aaaaaddddr" 문제 풀이 function noSpace(x){ let deleteSpace = x.replaceAll(" ",""); re..
[JavaScript] Map 메소드 map() 메소드란? map() 메소드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. map() 메소드 구문 // reduce - 기본 문법 arr.map(callback(currentValue[, index[, array]])[, thisArg]) 매개변수 1. callback map()는 callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만든다. callback 함수는 undefined도 포함하여 배열 값이 들어있는 인덱스에 대해서만 호출된다. 즉, 값이 삭제되거나 아직 값이 할당/정의되지 않은 인덱스에 대해서는 호출되지 않는다. 현재 값 (currentValue) - 현재 처리할 요소 현재 인덱스 (..
[알고리즘] 0822 문제 - Codewars_Grasshopper - Summation (8kyu) Write a program that finds the summation of every number from 1 to num. The number will always be a positive integer greater than 0. For example(Input -> Output): 2 -> 3 (1 + 2) 8 -> 36 (1 + 2 + 3 + 4 + 5 + 6 + 7 + 8) 문제 풀이 var summation = function (num) { let result = 0; if(num > 0){ for(let i = 1 ; i n * (n + 1) / 2; 수학 공식을 이용해서 누적합을 계산한 코드
[JavaScript] Part3 Studying - 2 📍문제 출처 - 바닐라 코딩 문제 4 - 묻고 더블로 /* 숫자 요소로 이루어진 배열이 인자로 주어졌을 때, 다음과 같은 조건을 만족하는 함수를 작성해 주세요! 📌 배열의 요소가 2번 반복되는 새로운 배열이 반환되어야 합니다. 📌 반환된 배열은 인자로 들어간 배열 길이의 2배가 되어야 합니다. 📌 빈 배열이 주어질 경우는 고려하지 않아도 됩니다. +--------------------------------------------------------------------+ | arr | 리턴 값 | +--------------------------------------------------------------------+ | [1, 2] | [1, 2, 1, 2] | +--------..

티스토리툴바