Bin's Blog

▶ React는 왜 쓰나? 1. Single Page Application 우리가 인터넷을 사용할 때 여러 웹사이트를 방문한다. 일반적으로 웹사이트는 여러 페이지로 구성되어 있다. 예를 들어, 쇼핑몰 사이트에는 홈페이지, 상품 목록 페이지, 장바구니 페이지 등이 있다. 보통, 이렇게 다른 페이지로 이동할 때마다 새로운 화면이 로딩되고, 기존에 본 화면은 사라진다. 이런 경우, 우리는 화면 전환을 기다려야 하고, 때때로 느린 로딩 때문에 불편을 느낄 수 있다. 그래서 만들어진게 SPA이다. 하나의 페이지로 구성된 웹사이트이다. 이렇게 하면, 페이지 이동 없이 필요한 정보만 빠르게 가져와서 화면에 보여준다. 그래서 화면 전환을 기다릴 필요가 없고, 사용자 경험이 좋아진다. 예를 들어, 쇼핑몰 사이트에서 상품..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ▶ 문제 요약 1. 양의 정수 x에 대한 함수는 x보다 크고 x와 비트가 1~2개 다른 수들 중에서 제일 작은 수 2. 정수들이 담긴 배열이 매개변수로 주어질 때 모든 수들에 대해서 각 수의 f값을 배열에 차례대로 담아 return ▶ 코드 function solution(numbers) { let answer = []; function check(n) { // n이 짝수이면 다른 비트의 개수가 1개이니 n+1 반환 if (n % 2 === 0) return n + 1; // 홀수면 앞에 0 붙여주고 이진수로..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ▶ 문제 요약 1. 자연수 x를 y로 변환하려고 한다. 2. 사용할 수 있는 연산 (1) x에 n을 더한다 (2) x에 2를 곱한다 (3) x에 3을 곱한다. 3. 최소 연산 횟수를 return하고 만들 수 없으면 -1을 return하세요. ▶ 코드 function solution(x, y, n) { // x를 y로 만들 수 없는 경우 고려 -1이 기본값 let answer = -1; // queue에 [목표값, 횟수] let queue = [[y, 0]]; // 방문한 곳을 재방문하지 않기 위해 Set()함..

자바스크립트에서 데이터 타입은 기본형과 참조형으로 나뉜다. 각각의 차이점은 아래와 같다. 1. 기본형(원시형) 데이터 타입 - 종류: String, Number, BigInt, Boolean, Undefined, Null, Symbol 등이 있다. - 값을 직접 저장하고, 값을 복사해서 사용한다. - 값을 바꾸면, 새로운 값을 저장하는 새 공간이 생긴다. 원래 값은 안전하게 보관된다. - 메모리 Stack 영역에 저장된다. - 불변성: 기본형 데이터의 값을 변경하면, 새로운 메모리 공간에 변경된 값을 저장하고 변수에 새로운 주소를 할당한다. 기존의 값은 변경되지 않는다. 2. 참조형 데이터 타입 - 종류: Object, Array, Function 등이 있다. - 값 대신 값이 저장된 곳의 주소를 저장하..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ▶ 문제 요약 1. 정수로 이루어진 배열이 있는데 배열의 각 원소들에 대해 자신보다 뒤에 있는 숫자 중에서 자신보다 크면서 가장 가까이 있는 수를 뒷 큰 수이다. 2. 뒷 큰 수를 차례로 담은 배열을 return하고 존재하지 않는 원소는 -1 담는다. ▶ 코드 function solution(numbers) { let stack = []; // -1을 주어진 입력값의 길이만큼 생성 let answer = new Array(numbers.length).fill(-1); for (let i = 0; i < num..