profile
프론트 개발과 클라우드 환경에 관심이 많습니다:)

[Zustand] 기본 개념

한 입 크기로 잘라먹는 실전 프로젝트 SNS 편 - 이정환 강의를 듣고 zustand에 대해 간략히 정리한 학습 내용입니다.

어제
·
0개의 댓글
·

[테스트] Playwright MCP로 반복적인 업무 줄이기

인턴을 수행하며 퍼블리싱에 전념하고 있었다. 내가 담당한 작업이 UI이긴 했지만, 혹시나 기능적인 문제가 발생하지 않는지 또는 정상적인 UI가 표시되지 않는지 확인하는 과정이 필요했다.

2025년 10월 17일
·
0개의 댓글
·

[AWS] Playwright를 Lambda에서 실행하기

Nodejs 20 런타임의 Lambda에서 Playwright 실행하기

2025년 10월 11일
·
0개의 댓글
·
post-thumbnail

[리액트] createPortal 알아보기 (feat. react-datepicker, react-select 가림 현상 해결)

오늘 인턴 수행 중 두 번째 선임 호출을 하게 되었다..

2025년 9월 30일
·
0개의 댓글
·

[CSS] 반응형의 기본, Flexbox 이해하기

Flexbox는 행과 열 형태로 항목 무리를 배치하는 일차원 레이아웃 메서드이다.

2025년 9월 21일
·
0개의 댓글
·

[GraphQL] Next.js 15에 GraphQL(Apollo Client) 적용하기

Next.js 15 버전에서 apollo client를 적용하는 과정에 대해 설명하는 글이다.

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

[타입스크립트] 유틸리티 타입으로 타입 선언 유연하게 하기

Utility Types(유틸리티 타입)이란 제네릭, 맵드 타입, 조건부 타입 등의 타입 조작 기능을 이용해 이후 자주 사용되는 타입을 미리 만들어 놓은 것이다.

2025년 8월 31일
·
0개의 댓글
·
post-thumbnail

[리액트] 신입 리액트 개발자가 알아야 할 기본 개념

React(React.js 또는 ReactJS)는 자바스크립트 라이브러리로서, 사용자 인터페이스(User Interface, UI)를 만들기 위해 사용된다.

2025년 8월 22일
·
0개의 댓글
·
post-thumbnail

[리액트] useMemo vs memo vs useCallback

비용 관점에서의 메모이제이션메모이제이션을 무분별하게 적용하면 오히려 성능에 부정적인 영향을 미칠 수 있다. 따라서 성능 최적화가 필요한 부분을 React DevTools Profiler와 같은 툴로 확인한 후, 선별적으로 메모이제이션을 할 필요가 있다.

2025년 8월 19일
·
0개의 댓글
·
post-thumbnail

[쿠버네티스] 쿠버네티스와 노드, 회사와 부서의 관계랄까나,,

하나의 물리적인 컴퓨터에서 여러 애플리케이션을 실행하고자 가상화 방식이 도입되었고, 그보다 격리 속성을 완화하여 애플리케이션 간 OS를 공유하는 컨테이너 방식이 등장하였다. 컨테이너 개발 방식으로 여러 애플리케이션을 손쉽게 실행하고 중지시킬 수 있게 되었다.

2025년 8월 19일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] async/await로 비동기 처리하기

then으로 엮여 지저분해진 promise chaining을 좀 더 깔끔하게 정리하는 방법으로, 비동기적인 함수를 async 키워드로 선언하고 내부적으로 promise의 resolve된 값을 await로 받아와 동기적으로 작성하는 것을 가능하게 한다.

2025년 8월 18일
·
0개의 댓글
·

[Tailwind CSS] v4.0에 커스텀 스타일링 적용하기

기존 v3에서는 아래와 같이 tailwind.config.js 파일에 전역 스타일링을 정의해야 했다.만 v4부터는 이런 과정을 더욱 간단히

2025년 8월 18일
·
0개의 댓글
·

[도커] DockerFile 기본 개념

DockerFile은 base image를 바탕으로 image를 커스터마이징한 것을 기록해 놓은 문서(파일)이다.

2025년 8월 16일
·
0개의 댓글
·
post-thumbnail

[도커] 필수 명령어

docker 커맨드 (옵션) 대상 (인자) 의 형식을 지닌다.

2025년 8월 16일
·
0개의 댓글
·
post-thumbnail

[도커] 도커 기본 개념

Docker는 ‘항만에서 일하는 부두 노동자’라는 뜻이며, 이 노동자(도커 호스트)는 부두의 컨테이너를 관리한다.

2025년 8월 16일
·
0개의 댓글
·

[AWS] EC2(Elastic Compute Cloud) 개념과 실습

EC2(Elastic Compute Cloud)는 안전하고 크기 조정이 가능한 컴퓨팅 파워를 클라우드에서 제공하는 웹 서비스이다.

2025년 8월 13일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] 연산자

연산자(Operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 연산 등을 수행해 하나의 값을 만든다.

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

[자바스크립트] 가비지 컬렉팅

자바스크립트의 가비지 컬렉팅에 대한 학습 내용

2025년 8월 7일
·
0개의 댓글
·

[회고] 데이터분석준전문가 ADsP(2025년 45회) 전공자 합격 후기

ADsP(45회) 합격 후기를 조금 늦게 작성해보려고 한다.

2025년 7월 13일
·
0개의 댓글
·

[회고] 한입 챌린지 6기 후기 (feat. 한 입 크기로 잘라먹는 타입스크립트)

'한 입 크기로 잘라먹는 타입스크립트 - 이정환(Winterwood)' 챌린지에 참여하고 후기 글을 작성한다.

2025년 7월 13일
·
0개의 댓글
·