GithubHelp home page GithubHelp logo

jeonghyeonmin1 / frontend-introduce-css Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cnu-likelion/frontend-introduce-css

0.0 0.0 0.0 1.15 MB

멋쟁이 사자처럼 12기 2주차 css 과제

HTML 100.00%

frontend-introduce-css's Introduction

👋 자기소개(CSS)

💻 진행 방식

  • 미션은 요구 사항, 과제 진행 요구 사항으로 구성되어있다.
  • 두 요구 사항을 만족해야한다.

🧑‍💻 요구 사항

  • 디자인 시안을 바탕으로 자기소개 페이지를 완성한다.
  • Amout me 페이지는 index.html에 작성한다. 그 외의 페이지는 pages 폴더에 관리한다.
  • 카테고리를 클릭하면 해당 페이지로 이동하도록 구현한다.
  • SNS 이미지를 클릭하면 본인의 SNS로 이동하도록 구현한다.
  • 문서의 언어는 ko로 설정한다.
  • 각 페이지의 title은 [학번] 이름 | 카테고리 형식을 지켜 작성한다.
    ex) [202112345] 아무개 | About me
  • 모든 css 코드는 /assets/styles경로에 위치시키고, 이를 링킹하여 스타일링한다.
  • 시멘틱 태그를 고려하여 작성한다.
    • 시각장애인분들이 우리의 문서를 본다는 것을 염두하여 작성한다.
  • .sr-only 클래스 활용하여 필요한 정보는 남기고 시각적으로는 가릴 수 있는 방안을 활용한다.
  • BEM 방법론을 활용하여 클래스 명을 작성한다.
  • div, span태그의 사용을 최대한 지양한다.
  • 문서의 폰트는 Google Fonts를 통해 Roboto를 임베드하여 사용한다.
  • README.md 작성법은 다음을 참고한다.
  • Github Pages를 통해 웹 페이지를 배포한 후, 배포 링크는 PR 내용에 기재하여 제출한다.
  • 2주차 과제는 2월 25일 자정까지 제출한다.

🚀 과제 진행 요구 사항

  • 미션은 frontend-introduce-css 저장소를 fork하고 clone하여 시작한다.
  • 미션 완료 이후 docs/README.md에 미션을 통해 배운 내용들을 작성한다.
  • 과제 진행 및 제출 방법은 미션 진행 가이드 문서를 참고한다.

frontend-introduce-css's People

Contributors

kang-kibong avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.