HTML & CSS Piscine

chick photo

RUSH

Basic Instructions

  • 오직 이 페이지만 참고해야 합니다. 소문은 믿지 마세요.
  • 파일 제출 전에 이 문서가 변경될 수도 있으니 주의하세요!
  • 모든 과제물을 제출할 때는 제출 절차를 따라야 합니다.
  • 제출하신 과제물은 동료들끼리 서로 확인하고 평가하게 됩니다.
  • Exercise는 난이도에 따라 쉬운 문제에서 어려운 문제 순으로 짜여 있습니다. 앞 단계 문제의 과제물이 완벽하게 작동하지 않으면 난이도가 더 높은 문제는 아무리 잘 완료했다 하더라도 평가에 반영되지 않습니다.
  • 모든 프로젝트는 Chrome 브라우저 기반으로 평가됩니다.
  • 모든 HTML 파일은 W3 Validator 을 통과해야 합니다.
  • meta 태그의 author에는 본인의 intra ID를 기입해야만 합니다.
  • HTML 파일에는 각 view 당 하나의 style sheet link만 허용합니다.
  • id를 사용할 때는 확실한 이유가 있어야 합니다.
  • 사용이 금지된 HTML 태그를 사용하는 것은 부정 행위로 간주됩니다. 부정 행위는 -42점을 받게 되며, 받은 점수는 절대 조정이 불가능합니다.
  • 어떠한 형태로든 JavaScript의 사용을 금지합니다.
  • 페이지가 열리지 않으면 0점을 받게 됩니다.
  • 각 Exercise에서 정한 파일 이외의 어떠한 파일도 디렉토리에 남겨 두어서는 안 됩니다.
  • 질문이 있으신가요? 오른쪽 동료에게 물어보세요. 아니면 왼쪽 동료에게 물어보세요.
  • 참고 가이드는 Google...그리고 Google 입니다.
  • 예시를 꼼꼼히 살펴보세요. Exercise에서 명시적으로 언급되지 않은 세부적인 사항에 대한 힌트를 얻을 수도 있습니다.
  • 다같이 한번 외쳐볼까요? "Chick to Chicken~"

Foreword

개포동의 가을은 아름답죠. 맛있게 점심을 먹은 후 클러스터 옆에 있는 개포근린공원을 산책해보세요. 초록초록한 나무를 보며 블루 라이트에 지친 눈에게, 양재천의 물흐르는 소리를 들으며 키보드 소리에 지친 귀에 휴식을 선사하세요. 굳은 어깨도 스트레칭으로 풀어주세요. 건강은 소중하니까요.

gaepo park

Today's Rule

  • Rush 프로젝트는 2인 1조 그룹 프로젝트입니다.
  • 협업은 여러분의 책임입니다. 전화를 하든, 이메일을 보내든, 슬랙 DM을 보내든, 비둘기를 보내든, 텔레파시를 사용해서라도 연락을 취하세요. Life isn’t always fair, that’s just the way it is.
  • Rush에서도 동일한 Coding Standard가 적용됩니다.
  • Subject에서 요구하는 사항만(!) 구현하세요.

Subject : You are now 🐓 !

Subject
You are now 🐓 !
제출 디렉토리 : ex00/
제출 파일 : index.html, css/*.css, assets/(image files if necessary)
허용 태그 : 제한 없음
  • 너비 993px 이상일 때는 아래와 같은 desktop view를 구현하세요.
  • mobile view에서 navigation bar는 기존 화면을 덮어쓰게 구현하세요.
  • 인트라 우측 상단 broadcast toggle(확성기 아이콘)은 구현하지 마세요.
  • 인트라 우측 상단 프로필 toggle은 checkbox로 구현하세요.
  • 홈페이지 박스 중 'LOGTIME'과 'SKILLS'의 내용은 본인 인트라에서 캡처한 이미지를 사용하세요.
  • 'AGENDA'에는 최소 4개의 event가 있어야 합니다. 아래 영상의 내용을 사용해도 괜찮습니다. filters toggle은 구현하지 마세요.
  • 'EVALUATION'은 아래 영상과 같이 비워두세요.
  • 'EXPERTISES'에는 최소 3개의 skill이 있어야 합니다. 각 skill의 아이콘 색상은 달라도 됩니다.
  • 'PROJECTS'에는 본인의 인트라 페이지에 등록된 과제를 넣으세요.
  • 'LAST ACHIEVEMENTS'에는 본인의 업적 최소 3개를 넣으세요.
  • 프로젝트 페이지에서 'Open teams' 아이템은 최소 3개, 'Some recommended projects' 아이템은 최소 2개를 넣으세요. 과제명은 영상과 달라도 됩니다.
  • 인트라 페이지의 모든 hyperlink는 실제 인트라의 해당 url로 연결되어 있어야합니다.
  • 폰트와 아이콘은 완전히 같지 않아도 됩니다.
  • hover/click 시 변화가 있다면 전부 구현하세요.
  • 당연히 반응형이어야겠죠?

lightbulbcomponent별로 분업한다면 도움이 될지도 모릅니다.