(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