IT일상

우아한테크코스 수료. 그리고 지난 10개월 회고

A부터 Z까지 없는 것이 없는 ASUS ROG Flow X16 구매 및 언박싱 (+RAM, SSD, LAN 카드 교체)

React로 구현한 터치 스와이프를 유한 상태 머신(Finite-State Machine)으로 리팩토링하는 글입니다

React에서 터치 스와이프를 JavaScript로 구현하기

트러블 슈팅을 어떻게들 하시나요? 저 나름대로의 트러블 슈팅 방법을 사례를 통해 정리해보았습니다

8시간 만에 서비스를 만들고 운영해본 경험을 공유합니다

요즘카페 팀 프로젝트 3차 스프린트의 회고입니다

React와 Reactive? 뭔가 말장난 같습니다. 결론부터 말하자면, React는 Reactive 하지 않습니다. Reactive란 무엇이며 React는 그럼 어떻게 다른 걸까요? 한번 알아봅시다.

TeamCity에서 빌드가 성공했는지, 실패했는지를 Slack Webhook을 통해 메세지를 받을 수 있도록 셋업해봅시다

caniuse.com에 자주 들어가지 말고, IDE 단에서 크로스 브라우징 정보를 빠르게 피드백 받아봅시다

Grafana와 Prometheus를 사용하여 사용자 수 모니터링을 빠르게 시작해봅시다

요즘카페 팀 프로젝트 2차 스프린트의 회고입니다

요즘카페 팀 프로젝트 1차 스프린트의 회고입니다

인프라를 선언적인 코드로 정의할 수 있는, IaC 도구 중 하나인 Terraform으로 간단하게 EC2와 S3를 생성해봅시다

아수스 비보북 Pro m7600re의 랜카드를 Intel AX210으로 교체해보았습니다

무엇을 하려는 건지 생각해보신 적 있나요? 너무 당연한 이야기같지만 저는 종종 잊을 때가 있습니다.

React의 SSR(서버 사이드 렌더링) 개념에 대해 React.hydrateRoot와 함께 가볍게 시작해봅시다

webpack config를 제대로 작성했는지 잘 모르겠나요? 어떤 webpack 옵션들이 있는지 잘 모르겠나요? 자동완성 기능을 사용하여 빠르게 피드백을 받아보세요!

Context API의 단점 중 하나로 꼽히는 모든 자식 컴포넌트 리-렌더링의 진실에 대해 알아봅시다

JavaScript에서 RGB ↔ HSL 사이를 변환하는 방법에 대해 소개합니다

JavaScript가 없어도 CSS만으로 카드를 뒤집을 수 있습니다!

한글 문자열 뒤에 은/는 중 어떤 것을 붙여야 할까요? JavaScript에서 이를 동적으로 처리하는 방법에 대해 적어보았습니다

React에서 FC? SFC? VFC? 대체 무엇이며 어떤 차이가 있을까요?

GitHub Actions로 storybook을 자동으로 배포하는 방법에 대해 알아봅시다

create-react-app으로 만든 프로젝트를 GitHub Actions를 사용하여 GitHub Pages에 자동으로 배포하는 방법에 대해 알아봅시다

SSH를 사용하여 페어 프로그래밍을 해보신 적 있으신가요? SSH를 사용하면 무려 VSCode와 WebStorm이 만날 수 있습니다!

레노버 Slim5 Pro 노트북의 랜카드를 Intel AX210으로 교체해보았습니다

CSS로 별점 기능을 만들어봅시다

타입스크립트의 Discriminated Union에 대해 알아봅시다

타입스크립트의 템플릿 리터럴 타입에 대해 알아봅시다

www.naver.com에 접속했을 때 네트워크에서 어떠한 일들이 벌어질까요?

커스텀 폼 컨트롤을 만들 수 있는 form associated에 대해 알아봅시다

자식 요소를 전달하는 역할을 하는 slot에 대해 알아보고 사용해봅시다

컴포넌트 내부 요소를 격리할 수 있는 방법인 Shadow DOM에 대해 알아봅시다

GitHub Actions를 사용하여 Webpack 빌드 및 GitHub Pages 배포를 자동화해봅시다

라이브러리 없이 UI 컴포넌트를 만들 수 있는 방법이 있다는 것을 알고 계셨나요?

CSS로 3D 상에서 화려하게 회전하는 애니메이션을 만들어봅시다

레노버의 중급형 노트북 Slim5 Pro 14ARH7 리뷰

우아한테크코스 5기 프론트엔드 최종 합격

우아한테크코스 5기 프론트엔드 프리코스의 미션을 4주간 진행하며 있었던 일들에 대해 회고하는 글입니다

홈플러스에서 당당치킨을 배송으로 먹은 후기입니다

grafana와 prometheus를 사용하여 모니터링 시스템을 구축해봅시다

간단하게 리뷰해 본 샌디스크 Ultra Dual Drive Go USB 3.1 64GB 입니다

오라클 DB 18c XE를 docker로 설치하는 방법에 대해 설명합니다

TP-LINK Archer C80 AC1900 공유기 개봉기

가성비 좋은 에이서 CB272U 27인치 QHD 75Hz 모니터 개봉기

docker 한번 사용해보세요!

로지텍 G304 무선 마우스

HDMI, USB, RJ-45, Audio 등의 모든 포트를 C타입 USB 하나로 사용할 수 있게 해주는 Baseus 17 in 1 도킹스테이션 후기입니다

아마존에서 WD RED PLUS NAS 10TB를 직구해 본 후기입니다

오래된 슬림 PC의 케이스를 오드로이드 H2의 케이스로 사용하는 이야기입니다

C#의 메소드에는 new라는 한정자가 있습니다. new 한정자는 무엇이며, 꼭 필요할까요?

Electron에서 특정 사이트 로그인을 구현하는 중 문제가 발생했다. 해당 사이트는 세션 ID가 브라우저 쿠키에 저장되고, 세션 ID 기반으로 인증이 된다. 그런데 로그인이 도통 되질 않아 Network 탭을 보니 Set-Cookie 헤더에 노란색…

create-react-app + electron + electron-devtools-installer 사용중에 Extension server error: Operation failed: Permission denied 라는 에러가 발생한다

우분투에서 53번 포트를 사용하려고 하는데 이미 사용중이더라

르누아르 CPU를 탑재한 씽크패드 E15 Gen 2 후기입니다

르누아르 CPU를 탑재한 씽크패드 E15 Gen 2 후기입니다