분류 전체보기 47

Redux vs. React Context 어떤것을 써야할까?

대표적으로 많이 쓰이는 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 밖에..

Webpack 5 업데이트 내용 정리

간단하게 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..

코딜리티(Codility) Lesson2 OddOccurrencesInArray 문제풀기 (javascript)

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

IT/Algorithm 2021.02.28

코딜리티 Lesson1 binary gap 문제풀기 (javascript)

오랜만에 코딩테스트 준비를 하기위해 가볍게 한문제를 풀기로 했다. 그냥 생각이 아는대로 심플하게 생각하고 문제를 풀어보았다.... 심플하게 문제를 풀어야 되는데..... 우선 문제없이 테스트를 통과하게 작성하였다. 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..

IT/Algorithm 2021.02.22