웹 서비스 개발 초기 단계

웹서비스 : 기획, 디자인, 퍼블리싱, 프론트엔드, 백엔드, 데이터베이스

• 기획

  1. 웹 서비스를 어떻게 만들지 스토리보드로 화면 설계를 한다.

     • 스토리보드에는 UX의 관점에서 전체 흐름과 레이아웃을 설계한다.

       • UX : User Experience = 사용자가 서비스를 이용하면서 직접 또는 간접적으로 느끼는 총체적인 경험을 바탕으로 더 나은 경험을 할 수 있도록 구성과 화면을 디자인하는 것!

  2. 스토리보드가 작성되면, 화면 레이아웃을 디자인한다. = UI :User Interface

     • UI는 서비스의 콘셉트와 통일성 있는 디자인과 색상, 눈의 흐름, 강조 등을 고려하여 디자인한다.
     • Adobe사의 Photoshop, sketch를 사용한다.

  3. UI 디자인과 함께 개발적인 측면에서는 스토리보드의 화면 단위로 개발 설계를 진행한다.

     • 어떤 데이터가 필요한지, 데이터의 구조는 어떻게 설계돼야 하는지, 화면별 필요한 데이터와 요청할 데이터가 어떤 것인지 등을 설계

     • DB 데이터베이스 설계가 진행되고, 로직 설계, 가능하면 API 설계도 진행

       • API : Application Programming Interface = 애플리케이션을 사용하거나 제어하기 위한 인터페이스로, 다시 말해 서버 프로그램을 사용하기 위한 인터페이스

  4. UI 디자인이 완성되면, 퍼블리싱 publishing이 진행된다.

     • UI 디자인은 이미지 파일로 되어있다.
       • photoshop -> .psd, sketch : .sketch파일
     • 이미지 파일을 웹브라우저에서 보여주기 위해 각 영역이나, 버튼들을 잘라서 resource로 만든다.
       • resource는 ‘자원’ = 화면을 구성하기 위한 ‘자원’들의 모음
     • 퍼블리싱 : publishing = 디자인된 아무런 기능이 없는 정적인 화면이 클릭이 되고, 동적인 화면으로 만드는 게 퍼블리싱의 역활이다.
       • 전체 화면 구조를 html로 만들고, 디자인된 화면과 같이 디자인을 적용시키기 위해 스타일을 적용하는 것 = CSS : Cascading Style Sheets
     • 동작이 일어나는지를 만드는 것 javascript 코딩 : 화면의 모든 동작을 코딩한다.

참고

https://brunch.co.kr/@jeromena/11