Copyright 2021.devkimsonAll rights reserved.
Categories
Tags
8
16
32
최근 채용 공고를 둘러보다 보면 RabbitMQ나 Kafka, MSA와 같은 기술을 자주 볼 수 있습니다. 현재 시점의 제가 과연 이 기술을 얼마나 이해하고 실무에서 사용할 수 있을지, 이러한 기술을 적용하려면 어떤 문제가 있어야 하고, 어떻게 활용하는지 궁금했습니다. 기본 개념과 어휘에 대한 설명은 검색하면 나오기 때문에 제가 배운 내용과 이해한 것을 적...
2025년 09월 17일
자바스크립트의 기초 지식을 보강하기 위해 시리즈로 작성 중인 포스트입니다. Scope와 Execution Context 스코프와 실행 컨텍스트는 서로 관련이 있기 때문에 이 포스팅에서 묶어서 정리합니다. 가장 기초이고, 필수로 알아야하는 개념입니다. Scope(이하 스코프) 스코프의 개념부터 알아보겠습니다. 스코프는 변수나 함수와 같은 식별자가 접근 가능한 범위를 뜻합니다. 코드의 부분에서 어떤 변수들을 사용할 수 있는지, 어디서 해당 변수의 참조를 찾을 수 있는지를 정의하는게 스코프입니다.
2024년 03월 17일
Nest.js 프로젝트 다루기 Nest.js(이하 네스트)는 Spring boot(이하 스프링)와 아주 유사한 구조를 가지고 있다. 스프링의 어노테이션과 대응하는 데코레이터와 `IoC(제어의 역전)`와 `DI(의존성 주입)` 개념이 사용된다. 설치와 실행 네스트를 사용하면서 `fastify`나 `express`와 달리 좋았던 부분은 각 개발 단위의 폼(form)을 생성해주는 `CLI`의 기능을 꼽을 수 있다. 프로젝트를 구성하는데 필요한 모든 기능을 `CLI`가 떠먹여준다고 해도 과언이 아니다. 스프링으로 굳이 비교해보자면 `initializr`가 초기 프로젝트 세팅만 해주는 반면, 네스트는 초기 세팅은 물론 확장되는 앱과 서브앱, 모듈 등을 자동으로 디렉토리 생성 및 파일 내용을 작성하고 임포트해준다. 얼마나 효율적인가? 😮
2023년 10월 24일
Typescript Study 이번 프로젝트에 사용하지는 않지만 추후 어떻게 될지 모르기도 하고, 타입스크립트를 배워둬야 하는 상황이라 이번 스터티를 타입스크립트로 정했습니다. 내용이 많이 부실할 수 있습니다. 참조한 링크를 포스팅 하단에 정리해두고 있으니 자세한 내용을 꼭 참조하시기 바랍니다.
2022년 06월 19일
Slow Render를 위한 startTransition 이제 막 입사하고 `react`와 `next`를 공부한지 3주째가 됩니다. 아직 방대한 데이터를 처리하고 최적하한 경험은 없지만, `hooks`를 자유자재로 다루기 위해 여러 강의를 보던 중 `useTransition`을 알게 되었습니다. useTransition은 왜 나왔나 대게 사람들은 0.2초에 화면이 반응하지 않으면 페이지가 느리다고 생각합니다. 즉각적인 변화를 기대하는 반면에 화면에 나타나는 변화를 지연해야 할 때도 있습니다. `useTransition`으로 인해 해결되는 문제들이 있는데, 예로는 많은 데이터를 리스트로 출력한다고 가정한다면, 데이터 필터링이나 필드 값 제어를 할 경우 화면에서 수많은 일들이 발생할 수 있습니다. 사용방법은 아래와 같습니다.
2022년 06월 07일문제 상황 문제상황은 이렇다. 위 코드와 같이 `state`의 형태가 배열 내에 객체가 있고, 객체 내에 배열이 있다. 문제는 깊이 있는 배열은 최초 생성 시 배열에 담겨 새로운 `task`가 생성되어야 하고, 같은 날짜에 내용을 등록한다면 해당 날짜의 `tasks`에 `task`가 배열에 추가되어 업데이트 되야하는 상황이다.
2022년 05월 30일useState Hook `useState`훅은 `React` 버전 `16.8`부터 새로 추가되었다. `Hook`을 이용해서 기존에는 `Class` 바탕의 코드 작성이었지만, 그럴 필요없이 함수형 컴포넌트에서도 사용할 수 있게 되었다. 그 중에서도 `useState`라는 기초되는 기능을 정리하고자 한다.
2022년 05월 26일JSX와 특징 이 글은 리액트 홈페이지의 내용을 토대로 작성되었습니다. React 시작하기 01 에 이어서 작성 중입니다. 버전이 `v18.x`로 업데이트된 시점에서 변경된 부분과 자세한 내용을 적기 위해서 이전 포스팅과 겹치는 이야기가 있지만 양해바랍니다. `JSX`와 `Root`의 지정, `어트리뷰트` 사용, `JSX자식 요소` 정의에 대해 정리해보려합니다.
2022년 05월 13일