2024.03.05(화) WEB서비스 개발하기

 
  • 3/5(화): 영경 교수님 - “WEB서비스 개발과 AI”
 
SUITED WEB개발 using web3.0
과제 목표 a. AI 3.0 OS 학습 b. AI 3.0 AP 써보기만들어보기 c. AI 3.0 오퍼레이션/마케팅 진행
web을 AI를 통해 만듦으로써 b,c를 하여 프레임 전체를 일치화시켜 실행해 해보는 것이다.
 
[문제인식]
W2> W3로 변환되면서 main theme을 AI또는 web3.0으로 잡지 않으면 투자자들이 안만나주는 상황이 왔다. 그래서 다들 모든 도메인 지식에 AI를 엮어서 비즈니스를 만들고 발표는 하는데, 방식이 아직 Web1.0~Web2.0에 머물러있다.
가령 MAU를 만들기 위해 단순히 네이버 블로그, 인스타그램 광고, 어디 업체와 제휴를 하려고 한다던가 정도 수준에 그친다. 즉, 그냥 AI, AI하니까 일단 큰 주제만 잡은셈
 
[Use-case]
AI OS를 활용 -> AI AP -> "AI 마케팅 방식 활용"까지 나아가야 비로소 준비가 완성되는데, 예를 들어 김의연은 글로벌 유저MAU를 만들기 위해서 GPT, airtable, Dalle2를 활용해 하루에 100개씩 블로그를 자동생성으로 찍어내는 걸 만들었다.
그렇게 구글 SEO에 걸리도록 만들어놓고, 블로그 생성도 자동화- MAU도 수십만이 손쉽게 들어오도록 만들도록 실무방식을 일치화 시킨 것 -> 수익이 필요하다면 그 블로그 페이지에 adsense를 붙여 (홀덤관련 아이템, WSOP 같은 대회소식의 홍보) 수익화를 시도한다.
[결론]
따라서, 우리가 연습해야하는것은 AI 3.0 OS 학습 AI 3.0 AP 학습 및 만들어보기 (2/27(화))했던것처럼 AI 3.0 오퍼레이션/마케팅 진행
이를 통한 단기/ 중기 KPI달성까지 해봐야 더욱 유의미할 것 같다.
 
방법론 Figma(Web2.0) ← AI(W3) —→ Web 프로덕트 릴리즈
  • WEB2.0방식으로 피그마는 이미 디자인 되어있는 상황, AI를 통해서 개발을 진행
notion image
 
비교분석 → a.전통적인 web2.0 vs b. 노코드활용 web2.5 vs c. AI만 활용 Web3.0
3개 기준으로 체크 & 24년 상반기 최적 개발 방법론 도출
단계
퀄리티
효율성
공수
전통적 WEB2.0
기획>디자인>개발> QA
노코드활용 WEB2.5
기획>디자인>개발> QA
AI만 활용 WEB3.0
기획>디자인>개발> QA
 
  • 3시간 해보고 결론
    • 디자인과 퍼블리싱 정도는 No-code, A.I를 활용해서 만들 수 있을 것으로 보임.
    • 그러나, IT개발 방법에 대한 방법론과 신기술 공부는 여전히 필요
      • 유튜브에 의한 독학이 생각보다 어려움
프로세스
업무자
월급
평균 m/m
A.I
Tool
Status
기획
기획/PM (1)
2백~3천
1
x
notion
디자인
UX디자이너 (1)
3백~7천
0.5
Figma
유튜브 공부중 물어보는 중
퍼블리셔
퍼블리셔 (1)
2백
0.2~0.3
(plug-in)
Webflow
유튜브 공부중 물어보는 중
개발/Logic
백엔드 (1)
4백~3천
1
????
rowy
릴리즈/QA
QA (1)
2백-1천
0.5
x
-
  • 기획
SUITED Community Branding
  • 디자인
  • 퍼블리싱
notion image
 
  1. 정보모으기 (7일전, 10분)
  • 일단 뭐가 되는지 리스트 GPT로 검색
    • notion image
 
  • 최전선 전사들의 정보 (5분)
notion image
notion image
 
  • 직접 봐보기 (3/4, 오후 10:30)
 
  • 그래서 직접 해보고 이해해보기 (3/4 오후 10:50)
    • 아 React 코드로 개발을 못하니까 튜닝이 안되는구나 ㅌㅌ
notion image
notion image
 
  • 피그마와 Replit “실제로” 결합해보기 (3/4 오후 11:30)
 
  • 이것저것 해보고 강의 봐보기 (3/4 오후 11시 50분)
    • 튜토리얼 강의 보는게 필요하다.
notion image
Video preview
 
  • 웹플로우 접속, figma to webflow (업데이트 2/23, 2024)
notion image
notion image
notion image
notion image