전체 글116 CommonJS와 ES Modules 안녕하세요! 웹 YB 한승우입니다. 때때로 프로젝트를 초기화하고 pnpm init을 실행한 후, index.js 파일에서 다른 파일이나 라이브러리를 import하려고 하면 이런 오류를 마주치게 됩니다.❗ Cannot use import statement outside a module→ package.json의 type을 module로 설정하라는 오류 저도 처음에는 무슨 말인지 모르고 그냥 "type": "module"을 넣고 넘어갔는데,문득 이 type 설정이 정확히 어떤 차이를 만들어낼지 궁금증이 생기게 되었습니다.그래서 이번 글에서는 CommonJS(CJS)와 ESModules(ESM)의 동작 방식과 type 설정이 모듈 시스템에 어떤 영향을 주는지 정리해 보았습니다. 1. package.json의.. 2025. 5. 13. Zustand 전역 상태 관리: 개념부터 실무까지 한 번에 정리 Zustand 한 번에 정리: 기본 개념 → 실무 패턴 안녕하세요, 솝트 웹 파트 36기 최서희입니다. 👋 4주차에는 Zustand에 대해 정리했습니다. React에서 전역 상태 관리는 더 이상 선택이 아닌 필수! props drilling이 심해질수록 더 나은 전략이 필요하고, 그 대안 중 하나가 바로 Zustand입니다. 목차 1️⃣ Zustand란? 2️⃣ 기본 사용 구조 (예제 포함) 3️⃣ 실무 패턴 (비동기, shallow, 미들웨어, React Query) 4️⃣ 사용 시 주의할 점 5️⃣ 실무 적합성 .. 2025. 5. 13. Tailwind CSS 버전 정리 안녕하세요 웹 YB 정희연입니다!최근 Tailwind를 처음 접해보면서 여러 오류를 겪게 되었는데요! 알고 보니 버전별로 지원하는 설정 방식과 기능이 다르더라구요여러 자료를 찾아보며 적용하다보니 버전마다의 설정이 섞이게 되어 오류가 발생했었습니다..💦이 경험을 계기로 Tailwind의 버전을 정리하고자 합니다.1. 버전별 주요 차이점 요약💭 Tailwind CSS v1.x기본적인 기능 제공 (색상, 여백, 반응형 등)사용자 커스터마이징은 tailwind.config.js에 제한적으로대부분의 스타일을 컴포넌트 파일에서 직접 사용디렉토리 구조 예시 (v1.x) project/ └─ src/ └─ components/ └─ App.css (tailwind import 포함) └─ ta.. 2025. 5. 13. Tanstack Query 안녕하세요 웹 YB 권새봄입니다!저번 프로젝트에서 Tanstack Query를 사용해봤는데, 어떤 점이 장점인지에 대해 잘 모르고 사용했던 것 같아 이번 기회에 자세히 알아보고자 글을 작성해봤습니다 😊 TanStack Query 공식 문서 바로가기: https://tanstack.com/query/latest/docs/framework/react/overview Overview | TanStack Query React DocsTanStack Query (formerly known as React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it .. 2025. 5. 13. Lazy loading과 Suspense 안녕하세요! 웹 YB 황인영입니다. lazy loading에 대해 아시는 분들이 많겠지만.. 제가 잘 몰라서 이번에 공부하면서 개념에 대해 정리해보고자 합니다. React.lazy()React.lazy()는 리액트에서 코드 스플리팅을 쉽게 하기 위한 기능입니다. 리액트는 SPA(Single-Page-Application)이므로, 리액트 앱을 번들링할 때 모든 컴포넌트를 불러와 한 번에 묶습니다.하지만 React.lazy를 사용하면 필요할 때만 로드하여 초기 로딩 속도를 줄이고 성능을 최적화할 수 있습니다.즉, 컴포넌트를 필요할 때만 비동기로 로딩할 수 있는 기능을 제공합니다. const MyComponent = React.lazy(() => import('./MyComponent')); import().. 2025. 5. 13. 챗지*티야 빨리 글 좀 써줘!!! 안녕하세요 웹 YB 엄경호입니다. 이번 주차 공유 과제에는 어떤 주제의 글을 쓸까 고민을 하다가, 2022년 AI가 대중적으로 활성화된 이후로 하루도 빠짐 없이 했던 저의 고민에 대해 글을 써볼까 합니다. 이젠 AI가 거의 모든 코딩을 해주고, 심지어 프로그래밍 언어를 몰라도 바이브 코딩을 통해 서비스 또는 게임을 만들어서 돈을 버는 사례가 많아지면서 앞으로 개발자는 어떤 역할을 해야 할까..라는 고민을 참 많이 했습니다. 제가 내린 결론이 궁극적인 정답은 아니겠지만, 많은 시간 고민을 하다 들었던 생각은, 개발자의 가치는 이제 코드 그 자체보다 설계 능력과 추상적 사고에 있다는 것이었습니다.단순히 "작동하는 코드"를 만드는 것은 AI도 할 수 있지만, 확장 가능하고 유지보수가 용이한 아키텍처를 설계하.. 2025. 5. 13. 이전 1 2 3 4 5 ··· 20 다음
