밤은 짧아, 걸어 아가씨야

[트러블 슈팅] Netlify 배포하기 : 이미지 에셋 불러오기, Page Not Found 오류 해결  새로운 사이드 프로젝트를 시작했다. 백엔드 API가 준비되고 기능을 본격적으로 구현하기 전에, 기본적인 페이지 라우터 구성과 UI를 보여줄 수 있도록 데모 버전 사이트를 배포하기로 했다. Netlify로 간단하게 배포를 하고, 배포 후에 문제점들을 찾아 해결해나간 과정을 담아보았다. ⚙️ Netlify로 배포하기  - 처음 배포한 사이트에서 문제 정의하기🧩 이미지 에셋 깨짐 오류🚨 Page Not Found 오류🙆🏻‍♀️ 문제 해결 후 Netlify 살펴보기💛 마치며    Netlify로 배포하기최근에 리액트가 버셀과 공식적으로 협력을 많이 하고 있기 때문에 Vercel로 배포하고 싶었으나..

[GDG Campus Korea]GDG상사 참여 후기   | Festa!" data-og-description="Festa에서 당신이 찾는 이벤트를 만나보세요." data-og-host="festa.io" data-og-source-url="https://festa.io/events/5520" data-og-url="https://festa.io/events/5520" data-og-image="https://scrap.kakaocdn.net/dn/0FALX/hyWCA4T9m9/MXm3uKkp62RAHzjusXKln0/img.png?width=1396&height=806&face=0_0_1396_806"> GDG상사 | Festa!Festa에서 당신이 찾는 이벤트를 만나보세요.festa.io 페스타에..

[취업] 랠릿으로 개발자 이력서 등록하기  👩🏻‍💻 인프런의 채용 서비스, 랠릿📋 랠릿으로 이력서 등록하기  - 프로필 가져오기  - 프로필 완성도  - 테마 미리보기  - 내 프로필💎 나와 인프런 이야기🎡 인프콘 2024  인프런의 채용 서비스, 랠릿인프런은 개발자라면 누구나 알고있는 교육 플랫폼이다. 그런 인프런에서 채용 서비스 Rally + It = 랠릿(Rallit)도 함께 운영하고 있다는걸 알게 되었다. 랠릿은 인프런을 통해 학습하고, 학습으로 성장한 사람들이 그 능력을 펼칠 수 있는 환경까지 조성하고 싶다는 바람으로 만들어졌다고 한다. 자세한 내용은 인프런에서 발행한 콘텐츠들을 통해 알 수 있다.  입니다. 이번 은 평소와는 다른 조금 특별한 소식을 들고..." data-og-hos..

[인프런 판교 퇴근길 밋업]#04 사이드 프로젝트 후기   [지금 무료] 판교 퇴근길 밋업 with 인프런 #04 사이드 프로젝트 | 인프런 - 인프런인프런 | , [사진]   옆자리 동료와 함께 성장하는 시간🍀 판교 퇴근길 밋업 with 인프런 🍀 판교 퇴근길 밋업  #04 사이드 프로젝트 안녕하세요, 인프런 입니다. 6월 퇴근길 밋업에서는 테오의 스www.inflearn.com 포트폴리오를 위한 프로젝트를 진행하고 있는 요즘, 마침 인프런에서 '사이드 프로젝트'를 주제로 밋업이 열린다는 소식을 들었다. 발표 세션을 테오님이 진행하신다고 해서 꼭 듣고 싶었다. 총 60명의 참가자를 선정하는데 판교 재직자가 50%, 나머지 30명이 일반 참가자였다. 나는 400여명의 신청자 중에서 운 좋게 일반 참가..

[트러블 슈팅]서버 사이드 렌더링(SSR)과 동적 스타일 문제 해결하기  랜딩 페이지를 만들어 프로젝트를 소개하고, 유입될 수 있도록 하면 어떨까? 서비스 기능 소개와 스크린샷 첨부 정도면 끝나는 랜딩 페이지를 기획했다. 필수 개발 사항으로는 프로젝트 사이트로 이동하는 버튼과 반응형 대응을 고려했다. 복잡한 API 요청도 없고, 백엔드 서버도 따로 필요 없으니 Next.js 14를 사용해 서버 사이드 렌더링으로 구현하기로 해본다. SSR로 정적인 페이지를 빨리 보여줄 수 있으니 유저 사용성도 좋겠지? 기획 단계에선 분명 '간단한' 프로젝트였다.  ⚒️ 기술스택 선정 이유  - Next.js 14   - React 18  - vanilla-extract❓ 서버 사이드 렌더링(SSR)과 마찰이 생기다🎨 v..