밤은 짧아, 걸어 아가씨야

[개발 환경]프론트엔드 빌드 파이프라인 ➰ 들어가며 🌊 빌드 파이프라인 전체 흐름🧱 모듈 시스템⚡️ Webpack vs Vite - HMR(Hot Module Replacement) 비교⚔️ 코드 스플리팅 & 레이지 로딩 - Dynamic Import📖 빌드 최적화 전략 총정리📍 요약 및 정리🌊 마치며 📎 참고 자료 들어가며프론트엔드 학습을 하다 보면 성능 최적화, 번들러에 관한 질문을 자주 마주하게 된다. 번들링, 빌드, 코드 스플리팅, 트리 셰이킹 같은 개념들이 서로 얽혀 있어서 전체적인 그림이 잘 그려지지 않았다. 분명 같은 범주에 속하는 개념인데, 각각의 용어가 머리에 별도로 존재했다. 그러다 보니 면접에서도 질문을 받으면 당황하곤 했다. npm run build 명령어를 실행..

[크루위키/회고] 기수를 넘어 전달되는 우테코의 가치 크루위키와 함께한 1년 회고 ✨ 들어가며🪴 크루위키와의 첫 만남⛵️ 온보딩과 적응 기간 - 중도 합류의 어려움 - 컨벤션 문서의 탄생🛠️ 내가 만든 기능 - 인기 있는 문서 - 어드민 시스템 - 조직 문서와 타임라인🤗 8기에게 홍보하다 - 판교캠 대면 홍보 - 홍보 성과 분석📝 크루위키와 보낸 1년 - 느낀 점 - 아쉬운 점📮 마치며 들어가며우아한테크코스 크루들의 정보(논란)를 적기 위한 위키, 크루위키 크루위키 대문의 문서대문에 대한 정보(논란)를 확인하세요.crew-wiki.site 크루위키는 우아한테크코스 크루들이 사용하는 위키 서비스다. 크루의 정보를 기록하고 공유하는 자유로운 공간이다. 이 서비스는 6기에서 처..

Claude Code로 노션 MCP 연결해 채용 공고 모으기번거로운 채용 정보 수집 자동화하기 👩🏻‍💻 들어가며 🔗 MCP 연결하기 - MCP란 무엇일까? - 노션 MCP 연결하기🗂️ 클로드 스킬 - 채용 공고 수집하기 - 노션에 데이터베이스화하기 - skill, agent 생성하기💪 마치며 들어가며취업 준비를 하면서 가장 번거로운 일 중 하나가 채용 공고를 찾아 정리하는 것이다. 매일 여러 채용 사이트를 돌아다니며 조건에 맞는 공고를 확인하고, 노션에 하나씩 직접 옮겨 적는 작업은 시간도 오래 걸리고 취업 스트레스를 가중시켰다. 면접 준비와 개발에 써야 할 에너지를 채용 정보를 찾는 데 낭비하고 있다는 생각이 들었다. 이 반복 작업을 자동화할 수 없을까 고민하다가, Claude ..

3편불확실한 미래, 그래서 중요한 애자일 🚀 들어가며 🏃🏻 기민한 대응 전략, 애자일 🌱 함께 자라기가 꽃피는 씨앗 🪧 성공과 실패를 가르는 차이점 📗 마치며 들어가며같은 책을 어느 시점에 읽는지에 따라 감상도 다르다. 24년도에 처음 읽기 시작한 를 2년 후인 26년에 완독했다. 3부 애자일은 협업 경험이 없는 상황에서 읽으면 그 깊이를 온전히 느끼기 어려울 것 같아 일부러 아껴두었다. 우아한테크코스를 수료한 지금 시점에서 읽은 3부는 확실히 달랐다. 나에게도 공감할 일화가 생겼기에 책에서 묘사하는 것이 어떤 상황인지 머릿속으로 그림을 그릴 수 있었다. 스프린트, 데일리스크럼, 회고... 우리 팀이 협업을 해온 방식이 애자일이었다. 애자일 방법론의 특징이라 불리는 실천법 하나하나가 '..

[트러블 슈팅]브라우저는 어떻게 폰트를 렌더링할까? 🌀 들어가며 - 주제 선정 계기 - 해결 과정에서 생긴 궁금증 🖼️ 브라우저 렌더링 과정 🔠 폰트 최적화 방법 - 1. preload: 강제 조기 다운로드 - 2.preconnect: 연결만 미리 수집 - 3.dns-prefetch: DNS만 미리 조회 - 포게더 폰트 최적화 📍 요약 및 정리 - 브라우저 폰트 렌더링 3단계 - 성능 병목의 원인 - 최적화 전략 🌊 마치며 📎 참고자료 들어가며주제 선정 계기우테코에서 미션과 포게더 프로젝트를 진행하며 처음으로 폰트 최적화를 직접 다뤄봤다. 처음에는 단순히 디자인 시안대로 정해진 폰트를 적용하면 될 것이라고 생각했다. 그런데 막상 적용하고 나니 예상치 못한 문제들이 나타났..