profile
작은 성취들이 모여 큰 결과를 만든다고 믿으며, 꾸준함을 바탕으로 개발 역량을 키워가고 있습니다
post-thumbnail

브라우저에서 사용자 음성 처리하기

리액트에서 사용자의 음성을 입력받아 처리하는 내용을 정리한 글입니다.

6일 전
·
0개의 댓글
·
post-thumbnail

ESLint로 import 순서 규칙 만들기

선호하는 import 순서 규칙 생성해보기

2024년 9월 8일
·
0개의 댓글
·
post-thumbnail

Cypress 사용하기

SPA에서의 Cypress 사용방법과 소소한 팁

2024년 8월 17일
·
0개의 댓글
·
post-thumbnail

React Native CLI 설치가이드

EXPO를 사용하지 않고도 리액트 네이티브 설치는 쉬우나, 환경 설정을 해줘야할게 너무 많아서 통합으로 정리하고자 글을 작성한다.

2024년 8월 11일
·
0개의 댓글
·
post-thumbnail

useMemo와 useCallback

머리로 기억하려니 계속 헷갈려서 이번에 둘의 차이를 제대로 정리해보려고 한다.

2024년 7월 29일
·
0개의 댓글
·
post-thumbnail

Publisher/Subscriber(Pub-Sub) 패턴

Pub-Sub 패턴

2024년 7월 25일
·
0개의 댓글
·

함수형 프로그래밍

함수형 프로그래밍

2024년 7월 24일
·
0개의 댓글
·
post-thumbnail

자바스크립트의 정규 표현식 알아보기

정규표현식이란? 정규표현식이란, 문자열 검색, 치환, 검증 등을 위해 사용되는 패턴 매칭 기법이다.

2024년 7월 23일
·
0개의 댓글
·

객체 지향 프로그래밍

객체 지향 프로그래밍(OOP)이란? 실세계에 존재하고 인지하고 있는 객체(Object)를 소프트웨어의 세계에서 표현하기 위해 객체의 핵심적인 개념 또는 기능만을 추출하는 추상화(abstraction)를 통해 모델링하려는 프로그래밍 패러다임을 말한다. 다시 말해, 우리가

2024년 7월 22일
·
0개의 댓글
·
post-thumbnail

[네이버 부스트캠프 9기] 챌린지 1주차 회고

중요한건 꺾여도 그냥 하는 마음

2024년 7월 19일
·
0개의 댓글
·
post-thumbnail

프로세스 메모리 구조 모델 그리고 V8

메모리 구조메모리 구조는 크게 동적 영역과 정적 영역으로 나뉜다.

2024년 7월 18일
·
0개의 댓글
·
post-thumbnail

XML 알아보기

XML(Extensible Markup Language)은 데이터를 표현하고 교환하기 위한 표준 마크업 언어이다.

2024년 7월 17일
·
0개의 댓글
·
post-thumbnail

MacOS M2에 VMware 설치하기

VMware가 Broadcom으로 매각되면서 VMware의 workstation Pro랑 VMware의 Fusion Pro가 개인사용자에게 무료로 제공하도록 변경되었다.

2024년 7월 16일
·
0개의 댓글
·
post-thumbnail

Gist 생성 및 업데이트

Gist란? Gist는 짧은 코드, 메모 등을 기록하거나 공유할 때 사용할 수 있는 무료 서비스이다.

2024년 7월 15일
·
0개의 댓글
·
post-thumbnail

면접이 그렇게 싫지만은 않다

면접은 또 다른 기회다

2024년 7월 8일
·
0개의 댓글
·
post-thumbnail

Next Deploying

Next의 App router는 2가지 배포 모드가 있다. 기본적으로는 Dynamic Mode이고 Static Mode는 따로 설정을 해주어야 한다. 과거의 Page Router 시절에는 ISR(Incremental Static Regeneration) 모드도 있었다

2024년 7월 7일
·
0개의 댓글
·
post-thumbnail

Next Caching

Next에서는 4가지의 캐싱 전략을 제공한다.

2024년 7월 3일
·
0개의 댓글
·
post-thumbnail

Next Functions

Next의 공식문서에서 Next의 함수를 보면, Server Components에서 사용되는 functions(함수)와 Client Components에서 사용되는 hooks(훅)으로 분리되어 있는 것 같다.

2024년 6월 25일
·
0개의 댓글
·
post-thumbnail

Next에서 MSW v2.3 사용하기

MSW(Mock Service Worker) MSW는 Mock Service Worker의 약자로 가짜 API를 생성해주는 도구이다.

2024년 6월 21일
·
0개의 댓글
·
post-thumbnail

Tanstack Query v5.0 알아보기

Tanstack Query는 과거에 react-query라는 이름으로 알려져있었다. 업데이트가 되면서 리액트 외에도 Vue, Svelet, Angular 등을 지원하게 되면서 이름이 변경되었다. 이 글에서는 Tanstack Query를 리액트에서 사용하는 방법을 소개

2024년 6월 20일
·
0개의 댓글
·