Next.js App Router 학습 순서와 TaskFlow Next.js 시작
React로 TaskFlow SPA를 완성했다면 다음 단계는 화면을 여러 URL로 나누고, 서버와 브라우저가 각각 어떤 일을 맡을지 구분하는 것입니다. Next.js App Router는 React 위에 파일 기반 라우팅, S…
구스페리 우드 모니터 받침대
쿠팡 보기 (새 창)
시스맥스 데스크 오거나이저
쿠팡 보기 (새 창)
홈플래닛 접이식 노트북 거치대
쿠팡 보기 (새 창)
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
웹 화면과 서비스를 만드는
해비의 개발 기록
웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.
전체 글
React Vue Svelte 비교: 2025 프론트엔드 프레임워크 선택 기준
React, Vue, Svelte를 팀 규모, 생태계, 채용 시장, 학습 곡선 기준으로 비교해 2025년 프론트엔드 라이브러리 선택 기준을 정리합니다.
React Compiler 기준 useMemo useCallback 언제 줄일까
React 과정의 마지막 단계는 “useMemo와 useCallback을 많이 넣기”가 아닙니다. 이전 글에서 실제 렌더링을 측정했으므로 이제 어떤 최적화가 필요한지 판단할 수 있습니다.
React Tailwind className 정리: 조건부·variant·가독성 기준
긴 className을 그대로 둘 때와 상수·컴포넌트·variant로 나눌 때를 구분하고, disabled·clsx·tailwind-merge·CVA 적용 순서를 정리합니다.
React state vs Zustand: 전역 상태가 필요한 기준
React state vs Zustand: 언제 전역 상태가 필요할까를 실제 작업 순서와 판단 기준 중심으로 정리합니다. 기존 개별 글을 어떻게 이어서 읽으면 좋은지 함께 안내합니다.
React useState 사용법 state와 객체 배열 업데이트 기준
props와 TaskCard 합성으로 데이터 흐름과 UI 구조를 정리했다면 이제 사용자 행동에 따라 실제 화면이 바뀌어야 합니다. useState는 컴포넌트가 렌더링 사이에 값을 기억하고, 값이 바뀌면 다시 렌더링하게 만드는…
React JSX 문법 사용법 조건부 렌더링과 리스트 처리
JSX는 React에서 화면 구조를 표현하는 문법입니다. HTML과 비슷해 보이지만 JavaScript 표현식을 함께 사용할 수 있고, 조건에 따라 다른 UI를 보여주거나 배열을 화면 목록으로 바꿀 수 있다는 점이 핵심입니다.
React 컴포넌트 개념 정리 UI 재사용 구조 잡기
React 애플리케이션은 하나의 거대한 함수로 만드는 것이 아니라 역할이 분명한 컴포넌트를 조합해 구성합니다. 그렇다고 파일을 작게 나누는 것 자체가 목표는 아닙니다. UI에서 책임이 나뉘는 지점을 찾는 것이 먼저입니다.
React 학습 순서 컴포넌트 props state부터 상태관리까지
React를 시작하기 위한 JavaScript·TypeScript 선수 지식과 컴포넌트, props, state부터 상태관리까지의 학습 순서를 정리합니다. Vite 첫 실행과 클릭 카운터를 확인한 뒤 TaskFlow를 32회에…
개발자 영어 문장 연결 연습: 이슈 설명을 자연스럽게 이어 말하기
관찰 결과와 추측을 나누어 GitHub Issue를 작성합니다. 재현 단계·환경·실제와 기대 결과를 갖춘 TaskFlow 전체 예문과 발음을 확인합니다.
생성형 AI 보안 전략: 업무 활용 전 위험 기준 체크리스트
생성형 AI 보안 전략: 업무 활용 전 점검할 위험 기준을 중심으로 변화 흐름과 확인해야 할 기준을 실무 관점에서 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
AI 도입 절차: 기업 적용 전 확인할 비용과 보안 기준
AI 도입 절차: 기업 적용 전 확인할 비용과 보안 기준을 중심으로 변화 흐름과 확인해야 할 기준을 실무 관점에서 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.