카페 W는 고정형 웹 개발을 위한 프로젝트로서 HTML/CSS를 최대한으로 활용하여 개발하였다.

• 완성된 UI 디자인을 Figma 도구를 통해 배포 받고 레이아웃 구성에 활용하였다.

• 데스크탑 UI는 1440px+ 급으로 설계하였다.

• Desktop UI

• Design System

cafe W figma 링크: cafeW figma

• Developer — 제작된 UI 디자인을 토대로 모바일/데스크탑 UI를 개발합니다.

1. 효율적인 코딩에 적합한 Visual Studio Code 도구를 활용하였다.
2. 모두를 위한 디자인을 지향하며 개발하였다. (Universal Design, A11Y)
3. 시멘틱 마크업을 통해 웹 접근성을 최대한 끌어내도록 노력하였다. (HTML5 + WAI-ARIA)
4. 소스 버전을 Git을 통해 관리하여 효율적인 개발 작업, 분배, 병합 환경을 구축하였다. (Git)
5. issue 등록을 통한 작업 분배화 실시간으로 현황을 파악할 수 있는 환경을 구축하고 개발하였다. (GitHub)

Semantic Markup (HTML5 + WAI-ARIA)

Version Control System (Git + GitHub)

• @yhun940731 최용훈
• @ahnanne 안예인
• @moripark32 박세리

발표자료