AI-Native · Zero Dependencies

npm install 없이
풀스택 프론트엔드

FreeLang v11로 SSR · CSS DSL · Island · 에러 루프
단일 .fl 파일로. React도 Next.js도 Tailwind도 없이.

✏️
쓰기
pages/*.flx 저장
삼중따옴표로 자유롭게
자동 빌드
파일 감지 → 빌드
150ms
🎯
에러 위치
_app.fl:2022 아닌
index.flx:205 표시
NEW
🎉
해결 확인
고치면 자동으로
"루프 완료" 알림
NEW
0
npm 의존성
150ms
빌드 속도
없음
이스케이프 불필요
✓ ✗ →
유니코드 직접
pages/hello.flx — 삼중따옴표로 쓴 실제 코드 ✓ 작동함
; CSS DSL — S식으로 선언, scoped 해시 클래스 자동 생성
(style card  :bg "#1c1c28"  :radius "12px"  :p "24px")
(style title :size "1.4rem"  :weight "700"  :color "#c4b5fd")

; Island — 필요한 부분만 JS, 나머지는 SSR
(island Counter []
  (let [n (atom 0)]
    (h "button" {"on-click" (fn [] (swap! n inc))}
      (str "🔥 " @n))))

; 삼중따옴표 — ✓ 유니코드 · "따옴표" → 화살표 이모지 🎯 전부 그냥
(defn render [req]
  (layout-html "hello"
    (str
      """<div class="[object Object]">"""
      """  <h1 class="">✓ 삼중따옴표 안은 자유</h1>"""
      """  """
      """</div>""")
    req))
  
🗂️
파일 기반 라우팅
pages/ 에 파일 만들면 라우트 자동 등록. 설정 파일 없음.
pages/[id].flx → /:id
🎨
CSS DSL
S식으로 스타일 선언 → scoped 해시 클래스. 반응형 breakpoint 내장.
:sm-p :md-cols
🏝️
Island 아키텍처
SSR 기본, 상호작용 필요한 부분만 vanilla JS emit. <1KB 런타임.
🎯
소스맵
에러가 나면 _app.fl:2022가 아닌 pages/index.flx:205를 가리킴.
오늘 완성됨
🔄
에러 루프
고치면 "🎉 루프 완료" 자동 리포트. AIRC에 자동 기록.
오늘 완성됨
📋
AIRC 인계
세션이 끊겨도 다음 AI가 맥락을 잃지 않고 이어받음.
/~ai · HANDOFF.airc
📊
운영 대시보드 v1.1
5개 서비스 실시간 모니터링. SLO/SLA 자동 추적. 커스텀 메트릭.
v1.1.0 신규

AI-Native가 마케팅 문구가 아닌 이유

S식이 차별점이 아닙니다. Lisp은 60년 전부터 있었습니다.
진짜 차별점은 AIRC · /~ai · 에러 루프 · 자동 인계입니다.
AI가 개발·운영·유지보수 전체를 이어받을 수 있는 생태계.

선언문 읽기 →