차가운세상

대표적으로 많이 쓰이는 Redux, Mobx가 State관리하는 라이브러리인데요. Redux가 Mobx보다 많이 사용되어져서 Context와 비교해보게 되었습니다. 왜 React에서 16.3부터 context 를 제공하였을까요? class 기반의 사용하였을 경우 provider,consumer를 이용하여 쓰기에는 조금 불편하였습니다. hook이 나온 이후에는 useContext, useReducer를 이용하면 편리해졌습니다. 그러면 왜? 아직도 많은 업체들은 Redux를 사용할까? 대략적으로 비교를 해보았습니다. Context Redux store 또는 관리하는것이 없다. 하나의 store에 하나의 object로 관리 되어진다. React Components에서만 작동 React Components 밖에..

You are given N counters, initially set to 0, and you have two possible operations on them: increase(X) − counter X is increased by 1, max counter − all counters are set to the maximum value of any counter. A non-empty array A of M integers is given. This array represents consecutive operations: if A[K] = X, such that 1 ≤ X ≤ N, then operation K is increase(X), if A[K] = N + 1 then operation K i..

간단하게 Webpack5 바뀐점 정리 - 자세한 내용은 밑에 참고한 사이트에서 참조 바람 업데이트 내용 설명 Faster builds with persistent caching 빌드 속도가 개선 Smaller bundle sizes bundle 용량이 줄어듬 (polyfill 제외) Better long term caching long term 캐싱 알고리즘 추가 Breaking changes now to allow further improvements later nodejs version 6 -> 10.13.0으로 필요. WebAssembly 옵션 추가 Module Federation 여러개의 webpack builds을 동적으로 불러오도록 허용 결론: 현재는 Webpack4 버전을 사용하고 있지만 추..

참고 및 심심하면 들어가서 보는 사이트 사이트 이름 설명 MDN 자바스크립트를 하면 무조건 참조 모던 javascript 튜토리얼 기초적인 공부하기 좋은곳 타입스크립트 핸드북 TypeScript 기초 캡틴판교 Vuejs 관련 Fontawesome 다양한 ICON을 가져올 수 있는 사이트 Velopert velog React 관련 좋은 컨텐츠가 많은곳 제로초 블로그 자바스크립트, CSS 등 정보가 많이 정리 TOAST UI FE관련 현업에 쓰이는 컨텐츠 제공 NAVER D2 네이버 기술 블로그 우아한형제들 기술 블로그 배민 관련 기술 블로그 제공 노마드 코더 Nomad Coders 개인적으로 좋아하는 개발자의 정보 공유 외국 javascript 구독하는 유튜브 채널 채널 이름 설명 The Net Ninja..

A non-empty array A consisting of N integers is given. Array A represents numbers on a tape. Any integer P, such that 0 < P < N, splits this tape into two non-empty parts: A[0], A[1], ..., A[P − 1] and A[P], A[P + 1], ..., A[N − 1]. The difference between the two parts is the value of: |(A[0] + A[1] + ... + A[P − 1]) − (A[P] + A[P + 1] + ... + A[N − 1])| In other words, it is the absolute differ..

An array A consisting of N different integers is given. The array contains integers in the range [1..(N + 1)], which means that exactly one element is missing. Your goal is to find that missing element. Write a function: class Solution { public int solution(int[] A); } that, given an array A, returns the value of the missing element. For example, given array A such that: A[0] = 2 A[1] = 3 A[2] =..

A small frog wants to get to the other side of the road. The frog is currently located at position X and wants to get to a position greater than or equal to Y. The small frog always jumps a fixed distance, D. Count the minimal number of jumps that the small frog must perform to reach its target. Write a function: function solution(X, Y, D); that, given three integers X, Y and D, returns the mini..

A non-empty array A consisting of N integers is given. The array contains an odd number of elements, and each element of the array can be paired with another element that has the same value, except for one element that is left unpaired. For example, in array A such that: A[0] = 9 A[1] = 3 A[2] = 9 A[3] = 3 A[4] = 9 A[5] = 7 A[6] = 9 the elements at indexes 0 and 2 have value 9, the elements at i..

An array A consisting of N integers is given. Rotation of the array means that each element is shifted right by one index, and the last element of the array is moved to the first place. For example, the rotation of array A = [3, 8, 9, 7, 6] is [6, 3, 8, 9, 7] (elements are shifted right by one index and 6 is moved to the first place). The goal is to rotate array A K times; that is, each element ..

오랜만에 코딩테스트 준비를 하기위해 가볍게 한문제를 풀기로 했다. 그냥 생각이 아는대로 심플하게 생각하고 문제를 풀어보았다.... 심플하게 문제를 풀어야 되는데..... 우선 문제없이 테스트를 통과하게 작성하였다. function solution(N) { const binary = N.toString(2); const binaryArr = binary.split(''); let oneCount = 0; let zeroCount = 0; let maxZeroCount = 0; for(let i =0; i m..