영어학습 웹사이트 Langly

안녕하세요! 꾸준히 사이드 프로젝트 만드는 것을 좋아하는 3년차 개발자입니다.

개발자라면 다들 공감하시겠지만, 영어 공부는 거의 숙명과도 같죠. 저 역시 꾸준히 하려고 노력 중인데요. 다들 쉐도잉과 딕테이션(받아쓰기)이 최고라고 해서 시도해봤지만, 막상 하려면 과정이 너무 번거로웠습니다. 마음에 드는 유튜브 영상을 찾고, 자막을 구하고, 학습하기 좋게 스크립트를 정리하는 등… 공부 시간보다 준비 시간이 더 걸릴 때가 많더라고요.

그래서 아애 미리 영어공부할 수 있는 자료들 모아놓은 웹사이트 하나를 만들었습니다.

우선 너무 복잡하게 하고싶지는 않아서 유튜브에서 그래비티 폴즈 영상 하나 다운로드해서
스크립트 다운받은다음에, 불필요한 문장들 전처리하고 10문장 단위로 쪼개서 학습자료 만들었습니다.

영어공부 같이 열심히 해봅시다 ㅎㅎ

🔗 플레이그라운드 바로가기: langly.me/playground

✨ 핵심 기능 (MVP)

• 쉐도잉 기능

• 받아쓰기 기능

• 플래시카드 기능

🛠 개발 스택

• Frontend: Next.js, TypeScript, Tailwind CSS, Shadcn/ui

• Backend & Infra: Hono, TypeScript, MySQL, Prisma, Redis

• Deploy: Railway

솔직히 요즘은 개발하기 참 좋은 시대인 것 같습니다. Claude나 Cursor 같은 AI 도구를 활용하니, 아이디어 구상부터 배포까지의 사이클이 정말 빠르게 단축되더라고요. 덕분에 혼자서도 며칠 만에 웹사이트 하나를 뚝딱 완성할 수 있었습니다. 요즘은 일반인분들도 개발에 많이 도전하시는데, 개발 경험이 조금이라도 있으신 분들이라면 AI와 함께 일주일 안에 자신만의 아이템 1~2개는 충분히 만드실 수 있을 겁니다!