카테고리 없음

Web(Cloud) 개발 흐름 정리

Mink__02 2023. 4. 2. 11:15

(1) 화면(Frontend)

- 직관적으로 사용자 화면에 보이는것들-> 어떻게 구현할것인가에 대하여 생각

- 디자인적인 요소로 만들어내는것

1. 구도, 아이콘, 이미지에 대한 전반적인것들을 먼저 생각& 계획

2. 구상한걸 코딩하는 과정(퍼블리싱)->html.css(웹) react(통합)

=> 여기까지를 했을때 화면만 생성

3. user click/touch등 event에 대한 동작에 대하여 설계

 

(2) API (Backend)

4. user event에 대하여 어떤 data를 가지고 올것인지, data를 처리하도록 명령하는 서버(툴_eclipse. intellij /언어_java, node.js )

api가 아닌 유사 서버 사용해서 DB server에 있는 data touch 가능

 

 

(3) DB

5. API로부터 명령받은 대로 data 저장,읽기,쓰기 작업 수행

 

// 블로그 글쓰기 이미지는 프론트엔드

글쓰기 게시판 글이 저장되는 곳은 db

저장되도록 연결시키는 곳은 api