티스토리

감공사

검색하기

블로그 홈

감공사

dpsc615.tistory.com/m

감공사 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

String.prototype.trim() ✨ string의 양쪽 공백을 모두 없애주는 build-in method 💻Example Code 🧨 Client에게 무언가 입력을 받은 후 실수로 채워진 공백을 지울 때 유용하게 사용 가능하다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim String.prototype.trim() The trim() method removes whitespace from both ends of a string. Whitespace in this context is all the whitespace characters (space, tab, no-break space, etc.) a.. 공감수 0 댓글수 2 2020. 8. 10.
Array.prototype.find() ✨ testing function의 결과로 나온 array 중 첫 번째 값(value)을 반환하는 build-in method 💻Example Code 🧨 DOM에서 원하는 node를 찾고자 할 때 유용하게 사용할 수 있다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find Array.prototype.find() The find() method returns the value of the first element in the provided array that satisfies the provided testing function. developer.mozilla.org 공감수 0 댓글수 0 2020. 6. 9.
Array.prototype.splice() ✨ Array의 특정 index를 지정하여 제거하거나 삽입할 수 있는 build-in method 💻Example Code 🧨 splice(시작 index, option, 값) 의 형식으로 사용할 수 있으며, option에 0을 지정하면 삽입, 1을 지정하면 제거(변경) 효과를 볼 수 있다. 또한, splice(0)을 이용하면 해당 array의 모든 값을 제거하는 효과를 볼 수 있다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice Array.prototype.splice() The splice() method changes the contents of an array.. 공감수 0 댓글수 2 2020. 5. 15.
String.prototype.charAt() ✨ String의 인덱스를 지정하는 또 다른 방법 💻Example Code 🧨 물론 직접 지정하는 것도 가능하지만, 조금 더 graceful 표현이 필요할 때, 또는 목적에 맞게 사용 가능하다. 프로젝트는 보통 다수의 인원이 참여하게 되는데, 내 코드를 다른 사람도 이해할 수 있어야 한다. 따라서, 내가 작성한 코드의 목적을 정확히 표현하고 싶을 때 사용할 수 있다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charAt String.prototype.charAt() The String object's charAt() method returns a new string con.. 공감수 0 댓글수 0 2020. 2. 22.
Set (Object) ✨ 유일한(unique)값을 얻고 싶을 때 사용할 수 있는 Built-in Object 💻Example Code 🧨 중복된 값이 여러 개 존재할 때 유용하게 사용 가능하다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set 공감수 0 댓글수 0 2020. 2. 20.
String.prototype.localeCompare() ✨ 문자의 정렬 순서를 비교를 통해 알아낼 수 있는 helper method 💻Example Code 🧨 앞의 비교 문자가 뒤의 비교 문자보다 정렬 순서가 앞이라면 -1 앞의 비교 문자가 뒤의 비교 문자보다 정렬 순서가 같다면 0 앞의 비교 문자가 뒤의 비교 문자보다 정렬 순서가 뒤라면 1 이 출력되는 것을 확인할 수 있다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare String.prototype.localeCompare() The localeCompare() method returns a number indicating whether a refer.. 공감수 0 댓글수 0 2020. 2. 20.
Math.round() ✨ 반올림이 필요할 때 사용하는 helper method 💻Example Code 🧨 반올림이 필요할 경우에 사용할 수 있다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round Math.round() The Math.round() function returns the value of a number rounded to the nearest integer. developer.mozilla.org 공감수 0 댓글수 0 2020. 2. 16.
Math.abs() ✨ 절대값을 이용한 계산이 필요할 때 사용할 수 있는 helper method 💻Example Code const x1 = 5; const x2 = 3; console.log(x2-x1); console.log(x1-x2); console.log(Math.abs(x2-x1)); console.log(Math.abs(x1-x2)); 🧨 두 점 사이의 거리 등 다양한 계산에서 활용할 수 있다. 👉 자세한 내용은 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/abs Math.abs() Math.abs() 함수는 주어진 숫자의 절대값을 반환합니다. developer.mozilla.org 공감수 0 댓글수 0 2020. 1. 28.
Math.PI ✨ PI(파이)를 이용한 계산이 필요할 때 사용할 수 있는 helper method 💻Example Code const radius = 2 const areaOfCircle = radius * radius * Math.PI; console.log( areaOfCircle ); console.log( Math.PI ); 🧨 원의 넓이를 구하는 공식: 반지름*반지름*PI(파이) 😋 소수점 아래를 조정하고 싶다면 toFixed()를 사용해주면 된다. 링크 참고(https://dpsc615.tistory.com/14) 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/PI Math.PI Th.. 공감수 0 댓글수 0 2020. 1. 28.
Array.prototype.forEach() ✨ 배열(array)의 값(element)을 하나씩 받아서 내가 작성한 function을 실행해주는 helper method 💻Example Code const arr = [ 1, 2, 3 ]; const received = arr.forEach( num => console.log(num) ); console.log( arr ); console.log( received ); forEach는 제공 받은 function을 Array의 각 element마다 실행해주기만 한다. function의 결과를 return 해주지 않는다. forEach의 return 값은 undefined다. 따라서 위의 결과처럼, arr를 한 번씩 실행해주고 있는 것을 볼 수 있으며, 기존 arr값이 변하지 않는 것을 볼 수 있다. .. 공감수 0 댓글수 0 2020. 1. 23.
Math.pow() ✨ 제곱 값을 구하기 위해 사용하는 helper method 💻Example Code const num = 2; console.log( Math.pow(num, 2) ); console.log( Math.pow(num, 10) ); console.log( Math.pow(num, -2) ); 🧨 2의 -2제곱은 1/4이므로, 0.25가 나온다. 😋 base^exponent라고 생각하면 된다. base의 exponent제곱! 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/pow Math.pow() The Math.pow() function returns the base to the .. 공감수 0 댓글수 0 2020. 1. 22.
Math.random() ✨ 무작위(random)숫자를 얻기 위한 helper method 💻Example Code const randomNum = Math.random(); const max = 3; console.log( randomNum ); // 0 ~ 0.99999... console.log( randomNum * max ); // 0 ~ 2.9999..... 기본적으로, Math.random()은 0 ~ 0.999...까지 값을 얻을 수 있다(1은 포함되지 않는다) 하지만, 위 코드처럼 max값을 곱해주면 0 ~ 2.999...까지 값을 얻을 수 있다(3은 포함되지 않는다) 이렇게 범위를 정해서 내가 원하는 random 값을 받아볼 수 있다. 📌 만약 1부터 3까지 값을 받고 싶다면? Math.ceil( Math.ra.. 공감수 0 댓글수 0 2020. 1. 18.
Math.ceil() ✨ '1.23'과 같이 소수점과 함께 있는 수를 올림 해주는 helper method 💻Example Code const floatNum = 1.23; const minFloatNum = -7.5; console.log( Math.ceil(floatNum) ); console.log( Math.ceil(minFloatNum) ); 😋 소수점 올림을하여 정수(Integer)가 필요할 때, 편리하게 사용할 수 있다. 자주 쓰이는 method. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/ceil Math.ceil() The Math.ceil() function always round.. 공감수 0 댓글수 0 2020. 1. 18.
Array.prototype.filter() ✨ 내가 제공한 function을 통과(pass)하는 값(element)들을 새로운 배열로 만들어주는 helper method 💻Example Code ex1) const originArr = [ 1, 2, 3, 4, 5 ]; const passedArr = originArr.filter( num => num !== 3 ); console.log(originArr); console.log(passedArr); ex2) const originArr = [ 'a', 'b', 'c', 'd', 'e' ]; const passedArr = originArr.filter( char => char !== 'a' ); console.log(originArr); console.log(passedArr); 😋 배열에서 .. 공감수 0 댓글수 0 2020. 1. 11.
Array.prototype.map() ✨ 기존 배열(array)에 어떠한 function(연산)을 적용한 후 새로운 array를 만들고 싶을 때 사용하는 helper method (for loop같은 반복문을 이용하고 싶지 않을 때) 💻Example Code ex1) const originArr = [ 1, 2, 3, 4, 5 ]; const populatedArr = originArr.map( num => num * 2 ); console.log(originArr); console.log(populatedArr); ex2) const originArr = [ '1', '2', '3', '4', '5' ]; const populatedArr = originArr.map( charNum => Number(charNum) ); console.l.. 공감수 0 댓글수 0 2020. 1. 11.
Array.prototype.push() ✨Array의 끝에 1개 또는 여러 개의 값을 넣어주는 helper method 💻Example Code const arr = [ 'a', 'b', 'c' ]; arr.push('d'); console.log( arr ); arr.push('e', 'f'); console.log( arr ); 😋 스택(Stack) 자료구조(Data Structure)의 push()에서 사용할 수 있으며, 그 외에도 정말 정말 정말 많은 곳에서 쓰인다. (스택 자료구조는 JavaScript - Data Structures에서 확인 가능하다) 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push .. 공감수 0 댓글수 0 2020. 1. 6.
Array.prototype.pop() ✨ array의 마지막 값을 제거하고, 제거된 값을 반환한다. (기존 array가 제거된 상태로 갱신된다) 💻Example Code const arr = [ 'apple', 'juice', 'flower' ]; console.log( arr.pop() ); console.log( arr ); 😋 큐(Queue) 자료구조(Data Structure)의 remove()에서 사용할 수 있으며, 그 외에도 pop()은 정말 많은 곳에 쓰인다. array에서 아예 제거된다는 것을 명심하자. (큐 자료구조는 JavaScript - Data Structures에서 확인 가능하다) 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/G.. 공감수 0 댓글수 0 2020. 1. 4.
Array.prototype.unshift() ✨ 배열(array)의 가장 앞에 값을 넣어주고, 새로운 array의 길이를 반환하는 helper method (Queue와 같이 First In이 필요한 상황에서 사용할 수 있다) 💻Example Code const arr = [ 3, 4 ]; arr.unshift(1, 2); console.log( arr ); 😋 큐(Queue) 자료구조(Data Structure)처럼 항상 값이 가장 앞에 들어가야하는 경우 사용할 수 있다. 큐 자료구조는 JavaScript - Data Structures에서 확인할 수 있다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift A.. 공감수 0 댓글수 0 2020. 1. 4.
String.fromCharCode() ✨ASCII Code를 string으로 반환해주는 helper method 💻Example Code console.log( String.fromCharCode(97) ); console.log( String.fromCharCode(113) ); console.log( String.fromCharCode(65) ); 😋 ASCII Code를 활용하는 문제를 풀 때 간혹 필요할 수 있다. ASCII Code를 string으로 바꿔준다. 백준 알파벳 찾기(Find alphabet) 알고리즘 문제를 풀 때 사용했다. 👉자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode .. 공감수 0 댓글수 0 2020. 1. 1.
Array.prototype.indexOf() ✨ 주어진 array에서 찾고자하는 element의 index를 반환, 없다면 -1을 반환하는 helper method (index는 가장 먼저 발견된 element 기준으로 반환된다) 💻Example Code const arr = 'gamgongsa'; console.log( arr.indexOf('a') ); console.log( arr.indexOf('g') ); console.log( arr.indexOf('z') ); 😋 긴 문자열이 주어지고, 여기서 내가 원하는 알파벳이 있는지 없는지를 확인하고자 할 때 쓰기 좋은 helper method 알파벳 찾기(Find alphabet) 알고리즘 문제를 풀 때 사용했다. 👉 자세한 내용은 https://developer.mozilla.org/en-US.. 공감수 0 댓글수 0 2020. 1. 1.
String.prototype.match() ✨ 내가 찾고자하는 Pattern(character or string etc)을 찾기에 유용한 helper method (Pattern은 사실 Regular Expression(정규표현식)이지만 쉽게 표현하기 위해 사용하였다) 💻Example Code const str = 'Hi There!!'; const matches = str.match(/[aeiou]/gi); console.log( matches ); console.log( matches ? matches.length : 0 ) 😋 특히, 특정 문자열을 검색하는 알고리즘 문제를 풀거나, 개발을 할때 매우 유용하다. (단, RegExp를 잘 안다는 전제하에) Vowels Algorithm(모음 찾기) 문제를 풀 때 잘 사용했다. 👉 자세한 내용은 .. 공감수 0 댓글수 0 2019. 12. 31.
String.charCodeAt() ✨ 원하는 알파벳이나 숫자(0-9)의 아스키 코드(ASCII Code)를 알고 싶을 때, 사용하는 helper method (e.g., str.charCodeAt(0)) 왼쪽처럼 알고 싶은 string의 index를 넣어서 사용한다. ()안에 아무것도 넣지 않으면 default 0 백준 11654번: 아스키 코드, 10809번: 알파벳 찾기 문제를 풀 때 사용하였다. 💻Example Code const str = 'a'; const numStr = '1'; console.log( str.charCodeAt(0) ); console.log( numStr.charCodeAt(0) ); console.log( 'a'.charCodeAt(0) ); 😋 JavaScript에서 string의 ASCII Code를 .. 공감수 0 댓글수 0 2019. 12. 31.
new String() ✨ 문자열로 바꾸고싶을 때, toString() 대신에 사용하는 new String(); (e.g., const numToStr = new String(num)) 왼쪽처럼 선언하여 Number를 String으로 사용한다. 💻Example Code const num = 77; const numToStr = new String(num); console.log( num ); console.log( numToStr ); console.log( numToStr.split('') ); // 활용 예시 😋 [String: '77']의 정확한 의미는 모르겠지만, 일반 String처럼 사용 가능하다. 아마 Object가 생성되는 것 같다. (조금 더 학습할 필요성이 있다) 👉 자세한 내용은 https://develope.. 공감수 0 댓글수 0 2019. 12. 29.
new Array() ✨ 원하는 개수만큼 array를 선언하는 방법 (e.g., const arr = new Array(100)) 왼쪽처럼 선언하면 간단하게 100개의 array를 생성할 수 있다. 💻Example Code const arr = new Array(100); console.log( arr ); console.log( arr.length); 😋 가끔 큰 index의 Array를 다룰 때, undefined보다는 하나의 값을 전체적으로 지정해주고 싶을 때가 있다. 그때 사용하면 된다. 백준 4673 셀프 넘버(Self Number)에서 유용하게 사용했다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects.. 공감수 0 댓글수 0 2019. 12. 29.
Array.prototype.메소드() 만들기 ✨ Array.prototype.name() 을 지정하여 내가 원하는 helper method를 만들 수 있다. (e.g., Array.prototype.name()) 왼쪽처럼 선언 후 arr.name()로 method를 실행시킬 수 있다. 💻Example Code const arr = [ 1, 2, 3, 4, 5 ]; Array.prototype.sumTest = function(){ return this.reduce((acc, val) => { return acc + val; }) }; console.log( arr.sumTest() ); 😋 생활코딩에서 학습했었지만, 백준 4673번 문제를 풀면서 실전에서 사용해본 방법이다. 👉 실전에서 자주 사용할 수 있도록 조금 더 연습하고 이해할 필요가 있다. 공감수 0 댓글수 0 2019. 12. 29.
Array.prototype.fill() ✨ Array의 모든 index에 값을 한 번에 채워주거나, 원하는 구간만큼 값을 채워줄 수 있는 helper method (e.g., arr.fill(false) or arr.fill(0, 2, 4)) 왼쪽처럼 Array의 모든 값을 false로 채우거나, index 2부터 3까지 0을 채워줄 수 있다. (Array.prototype.slice()와 마찬가지로 구간을 지정할 때, end-1까지 진행된다는 점을 명심하자) 💻Example Code const arr = [ 1, 2, 3, 4, 5, 6 ]; console.log( arr.fill(0, 1, 3) ); 😋 매우 큰 Array의 값을 한 번에 초기화 해줄 때, 또는 원하는 index 구간만큼 값을 바꿔줄 때 매우 유용하다. 백준 4673번 셀.. 공감수 0 댓글수 0 2019. 12. 29.
String.prototype.replace() ✨ pattern과 맞는 String을 교체해주는 helper method (e.g., str.replace('dog', 'cat')) 왼쪽처럼 dog을 cat으로 교체하는 것이 가능하다. 간단하게 설명하자면, 첫 번째 parameter에는 RegExp(Regular Expressions) 또는 String을 넣을 수 있고(즉, 찾을 pattern) 두 번째 parameter에는 새로 넣을 new string을 넣을 수 있다(즉, 새로 넣을 replacement) 💻Example Code 1) 간단한 단어 교체 const str = 'Hi there!'; const afterReplace = str.replace('Hi', 'Hello'); console.log(afterReplace); 2) RegEx.. 공감수 0 댓글수 0 2019. 12. 29.
Object.keys() & Object.values() ✨ object의 keys 또는 values를 array로 반환하는 helper method 💻Example Code const obj = { a: 'something', b: 2, c: 3 }; console.log( Object.keys(obj) ); console.log( Object.values(obj) ); 😋 Anagrams(철자를 바꾼 말) Algorithm 에서 같은 종류의 철자가 사용되었는지 확인할 때 유용하게 사용하였다. (Algorithm 카테고리의 Anagrams Algorithm 문제에서 확인 가능하다) 이 외에도 다양한 곳에서 사용 가능하다. 👉 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/G.. 공감수 0 댓글수 0 2019. 12. 29.
Array.prototype.sort() ✨ 문자 또는 숫자를 순서대로 정렬할 때 사용하는 helper method (e.g., strArr.sort() or numArr.sort((a, b) => a - b)) 문자를 sort 할 때, 10이 넘어가는 숫자를 sort할 때, 왼쪽처럼 사용법이 다르다. Numbers는 Strings으로 변환되기 때문에, Unicode order에 따라 80이 9보다 앞에 위치한다. 💻Example Code const strArr = [ 'c', 'b', 'a' ]; const numArr = [ 3, 33, 2, 22, 1, 11 ]; console.log( strArr.sort() ); console.log( numArr.sort() ); // For Example console.log( numArr.sort.. 공감수 0 댓글수 0 2019. 12. 28.
String.prototype.toLowerCase() & toUpperCase() ✨ String의 알파벳을 대문자(toUpperCase()) 또는 소문자(toLowerCase())로 바꿔주는 helper method (e.g., str.toLowerCase() or str.toUpperCase()) 왼쪽처럼 String 변수에 helper method를 붙여 사용한다. 💻Example Code const strOne = 'abc'; const strTwo = 'ABC'; console.log( strOne.toUpperCase() ); console.log( strTwo.toLowerCase() ); 😋 Anagrams(철자 순서를 바꾼 말)와 Vowels(모음 찾기) Algorithm 에서 유용하게 사용했다. 다양한 곳에서 활용이 가능하다. 활용된 내용은 위의 알고리즘 문제를 참고.. 공감수 0 댓글수 0 2019. 12. 28.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.