Sotong-Frontend

main frame 제작 우선 순위 - 제작 후 메인 프레임을 씌우고 페이지 제작

brach 생성 후 작업 시 모든 파일 명은 겹치지 않게 복잡하게 설계 지향

플로우 마다 폴더 형성 후 작업 + 주석 달기

이미지는 public/images 폴더

전체 사이즈 결정은 main-frame.css 의 *font-size %값 변경하면 가능 단,단위가 rem으로 돼있어야 함

부트 스트랩 cdn받은 후 이 안에서 작업 하면 단순한 반응형 적용 가능

main-frame은 말그대로 frame만 만든 페이지, main-pages가 메인 페이지

메인프레임이 페이지마다 다른 경우가 존재하므로 템플릿언어로 묶으면 꼬일 가능성(주의 해야함)

디자인 디테일 수정 필요

파일명 - (피그마) 페이지 설명

main-frame(header+navbar 프레임 페이지) - 전체 프레임이 아님

main-pages - 메인 페이지

Account - 로그인 관련 페이지

Bulletin-pages(커뮤니티 게시글 작성 페이지)

1. MyPost - 게시글 내용 - 내가 쓴 글
2. Post-content - 게시글 내용
3. writing - 게시글 내용 -글쓰기

find-benefit-detail(혜택 찾아보기 게시글)

TongTongE (통통이 페이지)

my-page(내정보)

calc-page(모의계산기)

calc-res-page(모의계산기 결과)

community-main-page(커뮤니티)

benefit-list-page(혜택 찾아보기 목록형)

benefit-album-page(혜택 찾아보기 앨범형)