컴공생의 다이어리

[js] 현재 위치 받아오기 - Geolocation API 자바스크립트에서 사용자의 현재 위치 정보를 브라우저에게 요청할 수 있는 방법으로 Geolocation API가 있다. 브라우저가 지원하는 Geolocation API는 navigator.geolocation으로 정의되어 있다. 현재 위치 받아오기 navigator.geolocation.getCurrentPosition() 메서드를 통해 현재 위치 정보를 받아올 수 있다. 메서드를 통해 현재 위치를 가져오는 것에 성공하면 GeolocationPosition 객체를 첫번째 콜백 함수의 매개변수로 전달하고 실패하면 두번째 콜백함수에 GeolocationPositionError 객체를 매개변수로 전달한다. 아래는 navigator.geolocation..

JavaScript 반복문 - for, for in, for of 이번 글에서는 자바스크립트 반복문 중 for, for in, for of에 대해 정리하고자 한다. for 초기식, 조건식, 증감식을 사용하여 반복문을 수행한다. 고전적인 for문의 형태이다. for문의 초기식에서 변수 선언시, const를 쓰면 값 변경이 불가하기 때문에 에러가 발생할 수 있음을 주의해야 한다. for (초기식; 조건식; 증감식) { 반복을 수행할 문 } // example for (let i = 0; i < 5; i++) { console.log(i); } // 출력 결과 // 0 // 1 // 2 // 3 // 4 for in for in 문은 상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된 모든 열..

JavaScript 숫자 천 단위로 콤마(,) 찍기 - toLocaleString() 자바스크립트에서 숫자의 천 단위마다 콤마 찍는 방법으로 아래와 같이 toLocaleString()을 활용하는 것이 있다. 변수가 Number 타입일 때만 천 단위로 콤마를 찍어 문자열로 리턴하고 만일 숫자 데이터가 문자열이라면 제대로 동작하지 않는다. let num = 123456789; console.log(num.toLocaleString()); // 123,456,789 // 잘못된 사용예시 let strNum = "123456789"; console.log(strNum.toLocaleString()); // 123456789 https://velog.io/@devstefancho/js-toLocaleString-..

JavaScript 배열의 합 - reduce 활용 자바스크립트에서 reduce() 활용해 배열의 합계를 구하고 싶다면 아래와 같이 사용하면 된다. 아래 코드를 기준으로 acc에 누적값이 저장되고 cur이 배열의 현재 값을 의미한다. 0은 acc의 초기값이다. // example const arr = [1, 3, 5, 7]; let sum = arr.reduce((acc, cur) => acc + cur, 0); console.log(sum); // 16 https://cocobi.tistory.com/134 [JS] 자바스크립트 배열의 합계, 평균 구하기 📌 배열의 합계, 평균 구하기 자바스크립트에서 배열의 합계와 평균을 구하는 방법으로 reduce( )를 사용하면 된다. 또한, 배열의 역순으로 연산을..

[프로그래머스] K번째수 - 자바스크립트(JS) function solution(array, commands) { return commands.map((v) => { return array.slice(v[0] - 1, v[1]).sort((a, b) => a - b)[v[2] - 1]; }); } solution([1, 5, 2, 6, 3, 7, 4], [[2, 5, 3], [4, 4, 1], [1, 7, 3]]); https://school.programmers.co.kr/learn/courses/30/lessons/42748 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. progra..

[프로그래머스] 가장 큰 수 - 자바스크립트(JS) function solution(numbers) { let answer = numbers .map((v) => String(v)) .sort((a, b) => (b + a) - (a + b)) .join(""); return answer[0] === "0" ? "0" : answer; } solution([6, 10, 2]); solution([3, 30, 34, 5, 9]); https://school.programmers.co.kr/learn/courses/30/lessons/42746 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요...

JavaScript 스코프(scope) - 전역, 지역(함수, 블록) 변수의 스코프는 변수에 접근할 수 있는 위치를 제어한다. 스코프는 전역 스코프와 지역 스코프로 나뉜다. 전역 스코프 전역에 선언되어 있어서 어느 곳에서든 해당 변수에 접근 가능하다. const hello = "Hello World"; // 전역 스코프로 hello 변수 선언 console.log(hello); function printHello() { console.log(hello); // 전역 스코프에 선언된 hello 변수 참조 } 지역 스코프 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에서는 해당 변수에 접근 불가하다. 크게 함수 스코프와 블록 스코프로 나뉜다. 함수 스코프 : 함수에서 선언한 변수는 해당 함수 내에서만 접..

JavaScript 문자열 대소문자로 변경 대문자로 변경 - toUpperCase() let upper = "HeLLo WorLD~".toUpperCase(); console.log(upper); // HELLO WORLD~ 소문자로 변경 - toLowerCase() let lower = "HeLLo WorLD~".toLowerCase(); console.log(lower); // hello world~ https://sesok808.tistory.com/602 [JavaScript] 대소문자 변환 방법 (Upper, Lower) 자바스크립트 내에서 대문자를 소문자로 소문자를 대문자로 변경하는 방법에 대해 알아보자. 사용하는 함수는 toUpperCase() 와 toLowerCase() 함수이다. 대문자로..

JavaScript JSON.stringify(), JSON.parse() JSON.stringify(value[, replacer[, space]]) 자바스크립트 값이나 객체를 JSON 문자열로 변환 value JSON 문자열로 변환할 값(배열, 객체, 또는 숫자, 문자 등) replacer 함수 또는 배열이 될 수 있음 이 값이 null이거나 없다면, 객체의 모든 속성들이 JSON 문자열 결과에 포함됨 space 서식 변경 목적으로 사용할 공백 문자 수 let data1 = { name: "Hong gil dong", age: 20, favorite: { book: ["홍길동전", "콩쥐팥쥐"], movie: ["전우치"], }, }; let data2 = [ [0, 1], [2, 3], [4, 5]..

JavaScript 소수점 자리수 자르기(설정) - toFixed() toFixed 함수는 Number 객체의 메서드로 인수로 전달된 소수 자릿수로 반올림된 값을 문자열로 반환한다. 소수점 뒤에 나타날 자릿수는 0이상 100이하의 값을 사용하며 값을 넣지 않으면 0이 기본으로 사용된다. numObj.toFixed([소수 부분의 자리수]); Example let num = 1.23456789; console.log(num); // 1.23456789 console.log(num.toFixed(2)); // 1.23 console.log(num.toFixed(3)); // 1.235 let num2 = num.toFixed(2) + 1; console.log(num2); // 1.231 // num2가 2...