컴공생의 다이어리

[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-..

[프로그래머스] 위장 - 자바스크립트(JS) function solution(clothes) { let answer = 1; const obj = {}; for ([n, t] of clothes) obj[t] = (obj[t] || 0) + 1; for (let key in obj) answer *= obj[key] + 1; return answer - 1; } https://school.programmers.co.kr/learn/courses/30/lessons/42578 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr

[네이버 부스트캠프 웹・모바일 7기] 챌린지 수료 및 멤버십 합격 후기 네이버 부스트캠프 웹・모바일 과정은 1년에 한번 여름에 모집해서 하반기에 진행되는 과정이다(앞으로 달라질 수 도 있음). 아래 사진에 있는 과정을 통해 선발되고 교육이 진행된다. 이번 년도(2022)의 온라인 설명회와 발표자료는 바로 아래 링크를 클릭하면 볼 수 있다. → 온라인 설명회 링크 → 설명회 발표 자료 링크 최종합격자 선발 2번의 코딩테스트를 통과한 후 최종합격자로 선발 될 수 있었다. 개인적으로 코딩테스트 진행하면서 시간때문에 아쉽게 마치지 못한 부분이 있어 찝찝하게 결과를 기다리고 있었는데 합격자 메일을 받게되어 좋았다. 챌린지 관련해서 챌린지는 4주동안 진행되었다. 아래와 같은 스케줄 일정으로 활동이 진행되었다. 10..

[프로그래머스] 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]..