cotnmin

기존 학원에서 사용하는 단어 시험 프로그램이 있었으나 기존 시판 책들을 이용하는 것이라 학원 자체 제작 단어장에는 맞지 않는 문제가 있었습니다.그래서 선생님들이 필요로 하는 기능과 학원 자체 단어장을 조합한 프로그램을 만들게 되었습니다. 단어장 관리 소개단어장을 책별로 관리할 수 있어야 했습니다. 그리고 단어장 하위에는 챕터가 존재하고 챕터 안에 단어가 관리되는 형태로 구성했습니다.단어 테스트 제작하는 부분에서 소개하겠지만, 선생님들이 학생마다 교육 진행 단계에 따라 문제를 출제할 수 있어야 합니다. 단어를 하나하나 홈페이지에 등록하는 것은 매우 힘든 작업이 될 수 있기에 일괄 등록 기능을 제공했습니다.샘플이나 빈 xlsx을 다운로드하여 설명에 따라 엑셀을 작성 후 csv로 저장해 업로드하면 이걸 읽어..

마지막 블로그 글을 쓴 지 3개월이나 지나버렸습니다 ㅠㅠ짤막하게 공백의 3개월 간 지내온 시간을 설명드리고 수학학원을 소개하겠습니다 ㅎㅎ3개월 간의 공백일단 영어학원 홈페이지 1차 배포를 하고 나서 영어 단어 시험을 만드는 프로그램 요청이 들어왔습니다.저는 단어 프로그램 작업을 진행하고 학원 관리직원 분들이 홈페이지 데이터를 입력하기 시작했습니다.기존 홈페이지를 대체하다 보니 수학학원 홈페이지도 필요해서 급하게 수학학원도 올리게 되었네요.단어 프로그램이 방학 특강 전에 필요하다고 하셔서 동시에 여러 가지를 진행하다 보니 블로그를 쓸 여유가 없었네요 ㅠㅠㅠ지금은 수학학원 홈페이지를 올린 뒤 단어 시험 프로그램을 올렸고 홈페이지 개선사항을 받아서 수정했고 큰 2건만 더 수정하면 됩니다.그럼 수학학원 홈페이지..

2025.11.12 - [함 프로젝트/영어학원 홈페이지] - 영어학원 홈페이지 제작기 - 1차 완성!과거 포스트에 Next로 프록시해 요청을 전달하는 부분을 작성했는데 왜 그랬는지 작성하기 전 이 내용을 정리하면 좋을 것 같아 글을 작성합니다.Authorization 토큰(JWT) 쿠키 올바르게 저장하기JWT(JSON Web Token)를 어디에 저장하느냐는 보안(Security)과 편의성(Convenience) 사이에서 중요한 문제입니다.많은 사람들이 localStorage, sessionStorage, Cookie를 주로 사용하는데 가능하다면 Cookie가 좋습니다.다만, 몇가지 설정을 하지 않는다면 보안적으로 localStorage와 크게 다를게 없게됩니다.1. JWT를 쿠키에 저장하면 좋은 이유편..

전에 올린 영어학원 홈페이지의 인프라 구조를 정리해 봅니다!일단 구조는 아래와 같고 설명을 이어나가겠습니다. 개요일단 하나의 VPC안에 Private, Public subnet이 각각 2개씩 있으나 그림에서는 생략했습니다.기본적으로 3 Tier구조를 가지도록 설계했습니다.Client와 Application, Database는 모두 별도의 EC2를 띄웠습니다.모두 보안그룹과 권한을 설정해 불필요한 접근은 모두 차단해 두었습니다.Client Instance (Client)Client는 Next를 이용합니다. 매우 넓은 생태계와 웹 콘텐츠 제공 및 API 프록시 역할을 모두 수행하기 좋기에 선택했습니다.외부 요청을 받으며 요청은 퍼블릭 서브넷에 띄워져 있는 Application Load Balancer (AL..

영어학원 홈페이지를 만들게 되었습니다! 백엔드와 프론트엔드, 인프라까지 1인 구성으로 진행하게 되었습니다.원래는 하나하나 사소한 내용을 블로그에 남겨가며 작업을 진행하려 했으나... 기존 사이트에 대한 불만이 많으셨던 클라이언트님의 요청으로 빠르게 기본 바탕을 제작하느라 블로그를 남기지 못했습니다.그렇게 열심히 만든 결과 드디어 일단 홈페이지를 띄우는 데 성공하였습니다!!! 그리고 데스크 선생님께서 여러 내용들을 채워나가 주실 예정입니다.일단 프론트엔드 구성을 어떻게 했는지, 어떤 내용을 추가할 것인지 작성하고 인프라나 기타 내용들을 포스팅해 보겠습니다.홈페이지 제작 과정저는 요약해서 아래 과정을 통해 홈페이지를 제작했습니다.추석을 제외하면 한 달 하고 좀 더 소요된 것 같습니다.기능 논의, AI를 활용..

2025.10.14 - [개발일지/Backend] - 운영하던 Nest서버에 다른 서비스 함께 운영하기 (1) 운영하던 Nest서버에 다른 서비스 함께 운영하기 (1)이렇게 하게 된 계기와 고민부터 작성해 보겠습니다.그리고 (2)에서 실제 코드를 어떤 식으로 바꿔보았는지 작성해 보겠습니다.배경블로그에는 없지만 지인이 운영하는 학원에서 문제은행 프로cotnmin.tistory.com 위 포스트대로 계획은 세웠지만 막상 진행하니 서버를 따로 올리고 도커로 묶는 게 나았겠다 싶은 부분들이 많았습니다.그리고 블로그 글을 쓰기전에 API들은 다 만들고 쓰자하다보니 생각보다 시간이 좀 걸리게 되었네요그래도 이렇게 진행하기로 한대로 진행했고 하면서 겪은 시행착오를 공유해보겠습니다.구조 변경하기기존에서 서버를 같이 쓰..

이렇게 하게 된 계기와 고민부터 작성해 보겠습니다.그리고 (2)에서 실제 코드를 어떤 식으로 바꿔보았는지 작성해 보겠습니다.배경블로그에는 없지만 지인이 운영하는 학원에서 문제은행 프로그램을 필요로 했고 Nest와 Electron을 이용해 만들었습니다.이후 저는 학원 홈페이지와 프로그램 고도화를 위해 학원에 정규직으로 채용이 되었고 진행하게 되었습니다.기존엔 워드프레스와 카페 24를 활용한 홈페이지였는데, Next로 제작해 Vercel나 AWS로 직접 서비스하려고 합니다.프론트엔드는 어떻게 구축할지 결정했고 이제 백엔드 API는 어떻게 할지를 고민하게 되었습니다.서비스를 어떻게 운영할지에 대한 고민1. 어떤 언어로 만들까?최초는 기존처럼 Nest로 만들지 Spring을 배워서 Spring으로 만들지를 고민..

원래 계획은 Cursor로 두 가지 버전을 뽑아서 보여드리는 거였는데, 생각보다 손볼곳이 많고 헤서 Lovable에게 더 수정요청을 하고 다른 AI 툴들도 돌려보는 방식을 진행했습니다.아래는 제가 직접 써본 Lovable / Figma Make / Cursor + Gemini CLI 각 툴의 경험과 느낀 점입니다.툴별 초안 제작 경험과 문제점Lovable저번에 사용해본 AI 툴입니다.매우 쉽게 웹 페이지를 생성하고 빌드해서 배포까지 할 수 있는 것 같습니다.장점간단한 PRD.MD를 생성해서 전달했을 떄 제법 괜찮은 시안을 뽑아줌회의 자리에서 즉각적으로 보여줄 수 있으나 최초 뽑아낼 떄는 생각보다 시간이 좀 걸림 -> 하지만 여러 페이지를 생성 요청해서 그런것 같네요무료 버전만 써도 꽤 나은 퀄리티가 나오..

영어학원 홈페이지 리뉴얼을 담당하게 되었습니다. 이번 프로젝트는 기획 → 디자인 → 기능 구현까지 전 과정을 직접 맡아야 하는 상황이라, 혼자서 모든 걸 해결하기에는 쉽지 않았습니다.그래서 저는 AI를 프로젝트 전 과정에서 적극적으로 활용하기로 했습니다. 단순히 참고 자료를 얻는 수준을 넘어서, 실제 기획과 디자인 시안 제작, 코드 생성까지 AI를 함께 활용하는 방식입니다. 앞으로 이 과정을 차례차례 기록해 보려 합니다. 초기 기획: 다양한 이해관계자의 의견 조율프로젝트를 시작하면서 먼저 대표님과 선생님들의 의견을 모으는 회의를 진행했습니다. 공통 의견: 세부 페이지(학원 소개, 강사 소개, 시간표, 공지 등)는 크게 이견 없이 정리됨 차이점: 메인 페이지 구성에 대한 생각이 달랐음 대표님: 기존..

어느 날 유튜브를 보던 중 조코딩 채널에서 해커톤을 진행한다고 해서 도전해 보기로 했습니다. ㅎㅎ수상을 노리기보다는 재밌어 보여 진행하는 느낌으로 부담 없이 참여해보려 합니다.(게다가 대회 참여만 해도 피자를 준답니다...)Google에서 출시한 Gemini API를 활용한 서비스나 애플리케이션을 만들어 출품하면 되는데, 개발을 모르는 분이어도 간단하게 따라 만들 수 있는 부분인 것 같습니다!저는 간단한 애플리케이션을 만들어 출품해 볼 생각입니다! 그전에 간단하게 공부해 보면서 Gemini를 소개해보려고 합니다.조코딩 해커톤 안내 (유튜브 커뮤니티)Google Gemini 란?최근 많은 LLM들이 주목받고 있습니다. 가장 유명한 것으로는 OpenAI사의 Chat GPT가 있습니다.하지만 이제는 LLM을..