Responsive Web Project

Project Period

06.09 ~ 10.10(expected)

Contributors

• 정윤환(FE)
• woong(FE)
• msg2324(Next.js)
• dnjeh(Next.js)
• 3boku(devOps)
• jmin0714(design)

Project Goals

1. All pages responsive
2. systematized Files and Folders
3. Unit unification and readability improvement by using constants

---

Features

implementation Pages

Current Produceable Pages (Designed)

1. Main Page - woong
2. Cafeteria Page- woong
3. Login Page - 정윤환
4. Sign Up Page - 정윤환
5. Community Main Page - woong - 반응형 필요
6. Community Detail Page - woong - 반응형 필요
7. Writing Page - 정윤환
8. Calendar Page - 정윤환 - 시간표 미완
9. mypage Page - 정윤환
10. Settings Page - 정윤환
11. postManagement - 정윤환
12. postDetail - 정윤환

---

Next.js

pages

1. Main Page - msg2324
2. Cafeteria Page- dnjeh
3. Login Page - msg2324
4. Sign Up Page -
5. Community Main Page -
6. Community Detail Page -
7. Writing Page -
8. Calendar Page -
9. mypage Page -
10. Settings Page -
11. postManagement -
12. postDetail -

components

1. Arrow - msg2324
2. Menubar Page- msg2324
3. Nav - msg2324
4. Seo - msg2324

---

essential Skills

1. Media Queries

   @media (max-width: 600px) {
   }

2. Flexible Units

   • (%), em, rem, vh, vw

     절대적인 값	상대적인 값
     cm	em
     mm	rem
     px	vw
     	vh
     	%

3. Grid System

4. Flexible Layout

5. Viewport

   <meta name="viewport" content="width=device-width, initial-scale=1.0" />

6. HTML Semantic Tag

reference link

• 반응형 웹1
• 반응형 웹2
• 반응형 웹3
• 반응형 웹4
• Semantic Tag
• Semantic Tag2
• Semantic Tag3

---