Posts
ChanBLOG
Cancel

2021년 돌아보기, 2022년에 해야 할 것들

벌써!!! 입사한 지 1년이 지났다. 작년은 업무 적응의 연속이었다.. 😂 코드 작성하는 방식에 계속 익숙해지려고 노력했는데 과연 1년의 시간을 잘 보낸게 맞을지 계속 돌이켜 보게 된다. 큰 계획을 다짐하기보다는… 모르는 부분을 채우고 그 때마다 뭔가 하는게 더 맞는 것 같다. 프론트엔드 분야는 새로운 것이 계속해서 나와서 정체되면 안 된다는 ...

[React] 상태관리 라이브러리에 대하여

[react] 상태관리 라이브러리에 대하여 리액트로 프로젝트를 진행하다 보면 마주하게 되는 것 중 하나가 상태관리 라이브러리일 것입니다. 많이 알고 계시는 Redux부터 시작해서 MobX, 요즘은 xstate, recoil도 떠오르고 있습니다. 최근 많이 사용되고 있는 라이브러리 : https://openbase.com/categorie...

[TypeScript] 타입스크립트 Utility types (1) - Exclude, Omit

타입스크립트 Utility types (1) - Exclude, Omit 타입스크립트에서는 type transformation을 유연하게 도와 주는 여러 유틸리티 타입을 제공하고 있습니다. (타입스크립트 유틸리티 타입) 그 중에서 실무에서도 유용하게 쓰이는 것들에 대해 포스팅해 보려고 합니다. 이번에는 어떤 것을 제외한다는 성격은 유사하지만,...

[TypeScript] 타입스크립트 Type Guard 및 타입을 좁혀나가는 여러가지 방법

타입스크립트 type guards로 타입 좁히기 Type Guard 타입 가드는 아래 설명을 참조하시면 좋습니다. (원문의 의미를 희석하지 않기 위해 본문을 일부 발췌하였습니다.) Type Guards allow you to narrow down the type of an object within a conditional block. (...

[운영체제] 한번에 모아보는 면접대비 운영체제 질문 목록들

면접 전공 지식을 준비하시는 분들을 위해, 운영체제 파트에서 나올만한 문항들을 핵심만 간추려서 정리해 보았습니다. 컴퓨터구조 과목에 포함되는 문항들도 일부 있습니다. 원하시는 키워드를 ctrl + F로 검색해 보세요! (간추려서 정리한 것이라서 상세한 개념 설명이 부족할 수 있습니다. 각 문항 중 중요한 개념은 다른 운영체제 게시물처럼 별도의 주...

[redux] redux-toolkit으로 리덕스 구성하기(액션, 리듀서, 스토어)

이전 포스트(리덕스(Redux)란 무엇일까?)에서 이어집니다. redux-toolkit을 사용하지 않고 기존 방식으로 리덕스 구성하기 이번 포스팅에서는, 우선 리덕스로 액션이나 리듀서를 어떤 식으로 정의하는지 간단하게 살펴보려고 합니다. 그리고 redux-toolkit의 createSlice 와 작성법을 비교해 보겠습니다. (스토어 코드...

JavaScript의 구조 분해 할당(Destructuring Assignment) 활용하기

자바스크립트에서 가장 유용하고도 많이 쓰이는 문법이라 하면 구조 분해 할당을 빼놓을 수 없다고 생각합니다. 구조 분해 할당 문법은 배열 혹은 객체에서 각각 값(value)이나 프로퍼티(property) 를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해 줍니다. 배열(array)에서의 구조 분해 할당 1 2 3 let [a, b] = [10...

JavaScript의 Rest 파라미터 사용하기

JavaScript의 Rest 파라미터 사용하기 ES2015(ES6) 에서 새로 생긴 Rest 파라미터를 알아보겠습니다. 앞서 살펴보았던 spread operator 는 iterable 객체에 ...을 붙여서 요소 하나 하나를 손쉽게 전개시켜 주는 역할을 하였습니다. ...을 어디에 어떻게 사용하냐에 따라, Spread Syntax가 될 ...

Google I/O 2021 웹 세션 (1) - 쿠키 SameSite 속성, 로드 후 웹의 성능

Google I/O 2021 웹 세션 (1) - 쿠키 SameSite 속성, 로드 후 웹의 성능 Google I/O는 매년 한 번씩 구글에서 여는 개발자 컨퍼런스입니다. https://events.google.com/io/?lng=ko 이번에 Google I/O 2021을 처음 듣게 되었는데, 콘텐츠 및 주제별로 유익한 정보들이 정말 많았...

JavaScript의 spread operator(전개 구문) 사용하기

JavaScript의 spread operator(전개 구문) 사용하기 ES2015(ES6) 에서 새로 생긴 spread operator(전개 구문, 전개 연산자)에 대해 알아보려고 합니다. 참고 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Sp...