본문 바로가기

728x90

전체 글84

블렌더 기초 튜토리얼: 초보 개발자를 위한 3D 디자인 입문 가이드 맨날 남의 에셋만 가져다 쓰시나요? 이제 우리가 직접 만듭시다프론트엔드나 클라이언트 개발을 하다 보면, 밋밋한 2D UI에 생기를 불어넣기 위해 3D 에셋이 간절해질 때가 있습니다. 토이 프로젝트를 하는데 디자이너는 없고, 무료 에셋 사이트를 뒤져봐도 내 프로젝트 톤앤매너에 딱 맞는 3D 아이콘을 찾기란 모래사장에서 바늘 찾기죠.저 역시 주니어 시절, 포트폴리오 웹사이트에 들어갈 '입체적인 유리 질감의 버튼' 하나를 찾기 위해 하루 종일 구글링을 하다가 결국 포기했던 뼈아픈 경험이 있습니다. 그때 깨달았습니다. "아, 이럴 바엔 내가 직접 만들고 말지!"오늘은 코딩만 하던 우리 개발자들의 뇌 구조에 딱 맞춘 블렌더 기초 튜토리얼을 준비했습니다. 복잡한 그래픽 용어 대신, 우리가 매일 보는 코드와 IDE에.. 2026. 9. 2.

블렌더 튜토리얼 완벽 가이드: 개발자를 위한 3D 모델링과 웹 최적화 입문 "애플 웹사이트처럼 멋지게 3D 객체가 스크롤에 맞춰 돌아가는 포트폴리오를 만들고 싶은데... 쓸만한 무료 3D 에셋 구하기가 하늘의 별 따기네요."안녕하세요! 항상 새롭고 재미있는 웹 프로젝트를 구상하며 끊임없이 아이디어를 쏟아내는 개발자입니다.요즘 프론트엔드 트렌드에서 WebGL, Three.js, 그리고 React Three Fiber(R3F)를 활용한 3D 인터랙티브 웹의 인기가 대단합니다. 기술 스택은 튜토리얼을 보며 어찌어찌 익혔는데, 막상 화면에 띄울 '예쁜 3D 모델(에셋)'이 없어서 진행이 턱 막히는 주니어 개발자분들이 정말 많습니다. 에셋 스토어를 뒤져봐도 내 기획에 딱 맞는 모델을 찾기란 쉽지 않고, 유료로 구매하자니 사이드 프로젝트 예산에 부담이 되죠.그래서 오늘은 코딩만 하던 개발.. 2026. 9. 1.

AWS Lambda와 API Gateway 서버리스 완벽 가이드: 서버 없이 백엔드 구축하기 "사이드 프로젝트에 백엔드가 필요해서 AWS EC2를 띄웠는데, 아무도 접속 안 하는 새벽에도 매달 2만 원씩 요금이 나가고 있습니다. 이거 정상인가요?"안녕하세요! 클라우드 인프라 요금 다이어트와 효율적인 아키텍처 설계에 진심인 개발자입니다.주니어 개발자나 프론트엔드 개발자가 개인 프로젝트를 진행할 때 가장 큰 장벽은 '백엔드 서버 유지비'입니다. 24시간 내내 켜두어야 하는 기존의 서버 호스팅(EC2 등) 방식은 트래픽이 없는 시간대에도 불필요한 비용을 발생시킵니다.이러한 요금 폭탄의 공포와 서버 관리의 복잡함을 한 번에 해결해 주는 현대 클라우드의 마법이 바로 '서버리스(Serverless)'입니다. 그중에서도 가장 대중적이고 강력한 조합인 AWS Lambda와 API Gateway를 사용하면, 코.. 2026. 9. 1.

AWS S3 CloudFront 배포 완벽 가이드: Route 53 커스텀 도메인 및 ACM 무료 HTTPS 연결 "S3랑 CloudFront를 연결해서 배포하긴 했는데... 주소가 d1x2y3z4.cloudfront.net 이라서 포트폴리오로 제출하기가 좀 민망하네요. 어떻게 제 이름이 들어간 .com 도메인으로 바꿀 수 있나요?"안녕하세요! 프론트엔드와 클라우드 인프라의 경계를 넘나들며 즐겁게 코딩하는 개발자입니다.이전 포스팅에서 우리는 AWS S3와 CloudFront를 결합해 빠르고 안전하게 React/Vue 기반의 정적 웹사이트를 띄우는 법을 알아보았습니다. 하지만 배포 직후에 주어지는 길고 복잡한 CloudFront 기본 도메인으로는 실제 유저를 모으거나 번듯한 포트폴리오로 활용하기에 아쉬움이 남습니다.진정한 상용 서비스의 완성은 사용자가 기억하기 쉬운 커스텀 도메인(예: my-portfolio.com)을.. 2026. 9. 1.

GitHub Actions CI/CD 구축 완벽 가이드: React 앱 AWS S3 + CloudFront 자동 배포 GitHub Actions CI/CD 구축 완벽 가이드: React 앱 AWS S3 + CloudFront 자동 배포"팀장님, 제가 수동으로 빌드해서 올리다가 실수로 옛날 코드를 덮어씌웠습니다..."안녕하세요! 항상 더 효율적으로 일할 궁리를 하는 아이디어 뱅크, 프론트엔드 개발자입니다.처음 현업 프로젝트를 맡았을 때의 기억이 납니다. 기능 개발을 마치면 로컬에서 npm run build를 실행하고, AWS S3 콘솔에 로그인한 뒤, 기존 파일을 삭제하고 새 빌드 파일을 드래그 앤 드롭으로 올리는 일련의 과정을 하루에도 서너 번씩 반복했습니다. 그러다 한 번은 파일을 덜 올리거나 실수로 CloudFront 캐시 무효화를 빼먹어서 서비스 화면이 깨지는 대형 사고를 치기도 했죠.이런 단순하고 반복적인, 그리.. 2026. 9. 1.

AWS S3와 CloudFront를 결합한 고성능 정적 웹사이트 배포 완벽 가이드 AWS S3와 CloudFront를 결합한 고성능 정적 웹사이트 배포 완벽 가이드"React로 열심히 프론트엔드를 개발해서 S3에 올렸는데, 주소창에 https가 아니라 http로 뜨고 로딩 속도도 묘하게 느리진 않으신가요?"안녕하세요! 인프라 설계부터 프론트엔드 최적화까지 다방면으로 구르고 있는 개발자입니다.주니어 프론트엔드 개발자분들이 개인 프로젝트를 배포할 때 가장 먼저 시도하는 방법이 바로 'AWS S3의 정적 웹사이트 호스팅' 기능입니다. 버킷을 퍼블릭으로 열어두고 index.html만 업로드하면 뚝딱 배포가 되니 무척 편리하죠.하지만 실무에서 이 방식을 그대로 사용하면 치명적인 보안 문제, HTTPS 미지원, 그리고 글로벌 로딩 속도 저하라는 3가지 큰 장벽에 부딪히게 됩니다. 실제 상용 서비.. 2026. 8. 31.

이전 1 2 3 4 ··· 14 다음

728x90

LIST

티스토리툴바