String 생성자 함수 String 객체는 생성자 함수 객체이기 때문에 new 연산자와 함께 호출하여 인스턴스 생성 가능 String 생성자 함수에 인수로 문자열을 전달하면서 new 연산자와 함께 호출하면 [[StringData]] 내부 슬롯에 인수로 전달받은 문자열을 할당한 String 래퍼 객체를 생성함 const strObj = new String('Lee'); console.log(strObj); // String {0: "L", 1: "e", 2: "e", length: 3, [[PrimitiveValue]]: "Lee"} String 래퍼 객체는 유사 배열 객체이면서 이러터블이기 때문에 인덱스를 사용하여 각 문자에 접근 가능 concole.log(strObj[0]); // L 문자열은 원시 ..

Recoil React 애플리케이션을 위한 상태 관리 라이브러리 Redux 보다 초기 설정 코드 작성 부분이 최소화 됨 페이스북에서 만들어졌기 때문에 리액트와 호환성이 좋음 recoil 설치 npm install recoil --save RecoilRoot 루트 컴포넌트를 RecoilRoot 로 감싸주면 하위 컴포넌트에서 recoil 상태 사용 가능 import { RecoilRoot } from 'recoil'; ... const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); Atom 상태의 일부를 나타냄 모든 컴포넌트에서 읽고 쓸 수 있음 atom 의 값을 읽는 컴포넌트들은 암묵적으로 atom 을 구독함 때문에..

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12924 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 문제 풀이 function solution(n) { let answer = 0; let start = 1; while (start

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/70129 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 문제 풀이 function solution(s) { let answer = [0, 0]; while (s !== '1') { const zeroCnt = s.match(/0/g) ? s.match(/0/g).length : 0; answer[1] += zeroCnt; const length = s.length - zeroCnt; s = length.toString(2); answe..

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12909 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 문제 풀이 function solution(s){ const stack = []; if (s.length === 1 || s[0] === ')') return false; for(let i = 0; i 0 ? false :..

Mobx react 상태 관리 라이브러리 redux 다음으로 가장 많이 사용되고 있음 mobx 6 버전 이전에는 @데코레이터를 사용했지만 mobx 6 버전 부터는 데코레이터 사용을 지양하고 있음 Mobx 설치 npm install mobx 애플리케이션 상태 모델링 import { action, computed, makeObservable, observable } from 'mobx'; export default class CounterStore { count = 0; constructor() { makeObservable(this, { count: observable, isNegative: computed, increase: action, decrease: action, }); } get isNegati..