aster^®apps and notes

Works

직접 만든 앱과 도구, 기획과 시안을 소개합니다.구현 과정에서 내린 선택과 현재 완성도, 앞으로 개선할 점을 기록합니다.

Products

앱과 서비스12

2026-09웹앱Aster: 만든 앱과 개발 경험을 기록하는 사이트만든 앱은 Works, 배운 내용은 Cases, 실험 과정은 Labs에 기록한다. MDX로 글을 작성하는 사이트다.next-jsmdxfsd
2026-09API 서버게시판 API 서버: 설계부터 배포까지9단계 커리큘럼을 실제 코드로 구현했다. 코드 파일마다 짝이 되는 해설 문서를 두고 서로 가리키게 했다.expresspostgresqlgraphql
2026-09웹앱도시별 색감 프리셋을 적용하는 사진 보정 도구도시 이름을 붙인 열두 가지 색감을 사진에 적용한다. 모든 보정은 브라우저에서 처리해 사진을 서버로 보내지 않는다.webglpythoncolor-grading
2026-09디자인시스템ScopulusUI 설치와 사용 방법워크스페이스에 라이브러리를 연결하고 디자인 토큰, Tailwind, 다크 모드와 글꼴을 설정하는 방법을 정리했다.디자인시스템ScopulusUItailwindcss
2026-09웹앱FE 개발자가 DB와 로그인 인증까지 — Timesheet를 만든 기술과 흐름Next.js 를 주력으로 다루던 프론트엔드 개발자가 바이브 코딩으로 파트타임 출퇴근·급여 앱 Timesheet 를 만들었다. 화면에서 API·DB·로그인 인증·배포까지 각 기술이 맡은 일과 흐름을 정리했다.next-jsexpressprisma
2026-09웹앱TourAPI로 여행지와 하루 동선을 찾는 웹앱한국의 관광 정보를 여섯 언어로 제공한다. 공공데이터의 카탈로그 구조를 여행자의 선택에 도움이 되는 화면으로 구성했다.next-jssupabasei18n
2026-08웹앱하루에 할 일 하나를 정하고 기록하는 앱AI의 도움을 받아 오늘 할 일을 한 문장으로 정한다. 확정한 일의 완료 여부와 지난 기록을 확인할 수 있다.next-jsanthropic-sdkddd
2026-08개발 도구마크다운 QA 문서로 테스트를 실행하는 도구기존 테스트 케이스 표에 칸 두 개를 추가해 자동으로 실행한다. 자동 판정이 어려운 항목은 사람이 확인한다.next-jsplaywrightzod
2026-08웹앱여러 앱을 관리하는 대시보드weather와 stamp를 등록한 관리 화면이다. 목 데이터로 화면을 구현하고, Supabase로 전환할 수 있도록 데이터 접근을 분리했다.next-jssupabasechart-js
2026-08게임종이비행기로 코스를 비행하는 3D 러너 게임열한 가지 스테이지를 만들었다. 코스의 중심선에 맞춰 장애물과 소품, 카메라를 배치한다.three-jsreact-three-fibervite
2026-08웹앱출퇴근 기록과 주휴수당을 계산하는 급여 관리 앱출퇴근 시간을 바탕으로 급여를 계산한다. 사장·매니저·직원의 권한에 따라 화면과 데이터를 구분한다.next-jssupabasetanstack-query
2026-08웹앱스튜디오 소개와 작업 목록을 보여주는 사이트홈·소개·작업 상세 화면의 초기 구조를 만들었다. 작업 데이터는 리포지터리 인터페이스를 통해 읽는다.next-jsdddreact

Tools

개발과 작업을 돕는 도구7

Ideas

기획·시안·구조 분석20