2026/06 5

AI 바이브 코딩의 시대, 컴공 졸업 후 무엇을 할 수 있을까 - QR 기반 쿠폰 발급 서비스

서론▽ 더보기핵개인의 시대가 점점 선명해지고 있다고 생각합니다. 취업을 하더라도 결국에는 ‘본인의 영역’을 구축해야 하는 시대가 오고 있는 것 같습니다. 조직 안에서 주어진 일을 잘하는 것도 중요하지만, 동시에 자신이 하고 싶은 비즈니스나 문제의식 하나쯤은 가지고 있어야 사람으로서의 존재성을 입증할 수 있지 않을까하는 생각이 드는 요즘입니다. AI의 시대가 도래하며 생산성은 대폭 상승했습니다. 이제는 마음만 먹으면 하고자 하는 일을 언제든 학습하고, 시도하고, 작게라도 구현해볼 수 있는 환경이 만들어졌습니다. 최근 자주 보이는 ‘1인 앱 개발로 앱스토어 1위’와 같은 사례도 이러한 흐름의 연장선에 있다고 생각합니다.흥미로운 점은, 이런 결과가 반드시 화려한 경력이나 깊은 개발 경험을 가진 사람들에게서만..

포트폴리오 2026.06.17

[커리큘럼 페이지 프로젝트] 관리자 로그인 세션을 어떻게 관리할 것인가 - 로그인도 PM의 역할일까

미리보기더보기로그인도 PM의 역할일까 이번 고민을 하면서 로그인 구현도 결국 정책의 문제라는 생각이 들었다.하지만 막상 관리자 로그인 방식을 정리하다 보니, 어떤 사용자를 허용할 것인지, 어떤 상황에서 접속을 끊을 것인지, 얼마나 오랫동안 로그인 상태를 유지할 것인지 정하는 일이었다. 생각해보면 서비스에서 로그인은 거의 기본값처럼 붙어 있다. 하지만 모든 로그인 방식이 같을 수는 없다. 쇼핑몰의 로그인, 커뮤니티의 로그인, 금융 서비스의 로그인, 관리자 페이지의 로그인은 각자 기준이 다르다. 어떤 서비스는 편의성이 더 중요하고, 어떤 서비스는 보안과 통제가 더 중요하다. 이번 프로젝트의 관리자 로그인도 그랬다.관리자 계정은 여러 명이 동시에 접속하는 것보다 하나의 세션만 유지되는 편이 안전하다. 일정..

[커리큘럼 페이지 프로젝트] Mock API를 걷어내고 Spring을 붙이며

6/10 작업 현황 정리더보기더보기 PR 정리PR #1: Spring main/careers/subject detail 통합PR:spring-careers-api-test → spring-api-test주요 내용:/api/main Spring 프록시/api/subject/table Spring 프록시/api/careers/list Spring 프록시/api/subjects/{subjectId} 과목 툴팁 Spring 프록시normalizeSpringMainData() 추가mock 기반 메인 초기 데이터 제거결과:merge 완료spring-api-test에 반영PR #2: Career side detail 통합PR:spring-careerside-api-test → spring-api-test주요 내용:/..

[커리큘럼 페이지 프로젝트] Next.js App Router에서 화면과 데이터 호출 흐름 이해하기 (2) - Next.js에 Spring을 붙이면 데이터 흐름은 어떻게 바뀔까

현재는 먼저 화면을 잡고 백엔드를 잡고 싶어서, next로 구조를 잡다보니, route.ts로 api호출의 역할을 대신하고 있다.앞선 글에서도 큰 흐름은 그렇게 정리하다보니 정작 중요한 얘기를 못했다. Q. Next.js에 Spring을 붙이면 데이터 흐름은 어떻게 바뀔까앞선 흐름에서는 Next.js 프로젝트 안에서 화면을 만들고, 필요한 데이터도 Next 내부의 API Route에서 mock 데이터로 응답하는 구조를 살펴봤다.이번에는 여기에 Spring 백엔드를 붙이면 어떤 부분이 바뀌는지 정리해보려 한다.결론부터 말하면, Spring을 붙인다고 해서 React 컴포넌트의 흐름이 전부 바뀌는 것은 아니다. 핵심적으로 바뀌는 부분은 route.ts가 하던 서버 역할을 Spring 서버가 가져간다는 점이..

[커리큘럼 페이지 프로젝트] Next.js App Router에서 화면과 데이터 호출 흐름 이해하기

커리큘럼 페이지를 리팩토링 하며 1인 개발에 도전하기로 했다. 그러기 위해선 Next.js를 이해할 필요가 있다. 가장 궁금했던 부분은 Next.js가 어떤 흐름으로 동작하는지였다. 특히 page.tsx, 클라이언트 컴포넌트, hook, API 함수, route.ts가 각각 어떤 역할을 맡고 있는지 정리할 필요가 있었다. 현재 구조는 백엔드를 구축하기 이전에 next만을 이용한 구조입니다.route.ts가 그 역할을 대신하고 있으니,백엔드와 프론트엔드의 api호출 흐름까지 보기 위해선 다음 글도 보시면서 이해하면 좋을 것 같습니다. 이 프로젝트의 Next.js 데이터 흐름은 다음과 같이 정리할 수 있다.app/page.tsx -> 서버에서 초기 데이터 생성 -> MainPageClient에 in..