🛠️ [팀 과제1] Arsha 클론코딩
1. 현재 상태 (Current Status)
- HTML/CSS 구조: 전체 섹션 마크업 및 기본 스타일링 완료.
- 레이아웃: 정적 데스크탑 기준 구현 완료, 모바일/태블릿 & 데스크탑 반응형 작업 필요.
2. 작업 가이드
css폴더는 수정하지 말아주세요! 최대한 원본 소스를 살려 두었으니 각자 섹션별 css에서 컨트롤 가능할 것 같습니다.
만약에 오차가 있더라도, 공통 파일 건드리는건 좋은 선택이 아닙니다. 연락을 먼저 주세요..
- 섹션별 css 넘버 라벨링 해두었으니, 해당 이슈 코멘트로 각자 무엇을 맡을 지 달아주시면 감사하겠습니다.
깃허브 협업 가이드
터미널에서: piro24_Arsha_05를 현재 디렉토리로 두고,
git fetch origin
git pull origin develop
git checkout [자신 브랜치]
이후에 작업하시고, 자기 브랜치에 push 하시고,
으로 PR 올려주시면 됩니다. (방향 꼭!! 체크할 것) pr 올리고 나면 바로 머지하지 마시고 연락 한 번 주세요!!!
3. 할 일 목록 (To-Do List)
✅ 코드 내 Bootstrap 아이콘이나 스크립트 섞이지 않았는지 확인하기
✅ section 폴더의 단일파일(ex. 02-clients.css) 만 수정하시고 pr올려주세요!
✅ 만약에 수정한 파일이 단일 파일이 아닐 경우는 index.html의 해당 섹션과, 해당 섹션.css를 같이 수정할 때입니다.
여러 파일에서 변경사항이 있으면 에러 찾기가 어려워집니다..
특이사항이 있으면 연락을 주시면 되겠습니다!
4. 폴더 구조
piro24_Arsha_05/
├── css/
│ ├── img/
│ │ ├── demo-bg.jpg <!-- 데모 미리보기 배경 이미지 -->
│ │ └── logo.png <!-- 사이트 로고 이미지 -->
│ ├── demo.css <!-- 데모 상단 바 및 기기별(PC/태블릿/모바일) 뷰 제어 스타일 -->
│ ├── footer.css <!-- 페이지 하단 푸터 영역 스타일 -->
│ ├── header.css <!-- 상단 헤더 및 네비게이션 메뉴 스타일 -->
│ ├── main.css <!-- 공통 레이아웃, 버튼, 애니메이션, 그리드 시스템 등 기본 스타일 -->
│ └── reset.css <!-- 브라우저 기본 스타일 초기화 및 CSS 변수(색상, 폰트) 정의 -->
├── sections/ <!-- 메인 페이지의 각 섹션별 스타일 분리 -->
│ ├── 01-hero.css <!-- 최상단 Hero(메인 비주얼) 섹션 -->
│ ├── 02-clients.css <!-- 파트너사/클라이언트 로고 목록 -->
│ ├── 03-about.css <!-- 회사 소개(About Us) 섹션 -->
│ ├── 04-services.css <!-- 서비스 목록 카드 섹션 -->
│ ├── 05-work-process.css <!-- 작업 진행 과정(Step) 섹션 -->
│ ├── 06-cta.css <!-- 행동 유도(Call To Action) 배너 -->
│ ├── 07-portfolio.css <!-- 포트폴리오 갤러리 및 필터 -->
│ ├── 08-team.css <!-- 팀원 소개 카드 섹션 -->
│ ├── 09-pricing.css <!-- 가격 정책 테이블 섹션 -->
│ ├── 10-testimonials.css <!-- 고객 후기(리뷰) 섹션 -->
│ ├── 11-faq.css <!-- 자주 묻는 질문(아코디언) 섹션 -->
│ ├── 12-newsletter.css <!-- 뉴스레터 구독 입력 폼 -->
│ ├── 13-blog.css <!-- 최신 블로그 게시글 목록 -->
│ └── 14-contact.css <!-- 연락처 정보 및 문의하기 폼 -->
└── index.html <!-- 전체 페이지 구조를 담은 메인 HTML 파일 -->
5. 참고 사항
🛠️ [팀 과제1] Arsha 클론코딩
1. 현재 상태 (Current Status)
2. 작업 가이드
css폴더는 수정하지 말아주세요! 최대한 원본 소스를 살려 두었으니 각자 섹션별 css에서 컨트롤 가능할 것 같습니다.깃허브 협업 가이드
터미널에서:
piro24_Arsha_05를 현재 디렉토리로 두고,이후에 작업하시고, 자기 브랜치에 push 하시고,
으로 PR 올려주시면 됩니다. (방향 꼭!! 체크할 것) pr 올리고 나면 바로 머지하지 마시고 연락 한 번 주세요!!!
3. 할 일 목록 (To-Do List)
✅ 코드 내 Bootstrap 아이콘이나 스크립트 섞이지 않았는지 확인하기
✅
section폴더의 단일파일(ex. 02-clients.css) 만 수정하시고 pr올려주세요!✅ 만약에 수정한 파일이 단일 파일이 아닐 경우는
index.html의 해당 섹션과,해당 섹션.css를 같이 수정할 때입니다.4. 폴더 구조
5. 참고 사항