Search
K
🖋

Google Clone

학습 시간: 최대 15시간

구글 홈페이지 만들기

  • HTML, CSS만을 이용하여 구글 웹사이트와 최대한 비슷한 UI를 구현해보세요.
  • UX 측면의 동작들은 구현하지 않아도 무관합니다.
  • CSS 효과, 화면 조정에 대응하기는 신경쓰지 않으셔도 괜찮습니다.
  • 구글 로고나 아이콘 등은 인터넷에서 찾아서 사용하세요.
  • 화면 사이즈 조정에 대한 대응은 하지 않으셔도 됩니다.
이번 과제는 HTML, CSS를 사용해보는 것에 초점을 맞춰주세요. 완벽하지 않아도 괜찮습니다. 앞으로 계속 사용하며 익숙해지면 됩니다.

[ 참고 사항 ]

이번 과제 뿐만 아니라 앞으로 계속될 학습에 적용될 내용입니다.
  1. 2.
    Indentation (들여쓰기)
    // Example #1
    // Good
    <h1 class="title">Hello, World</h1>
    // Bad
    <h1 class = "title">Hello, World</h1>
    // Example #2
    // Good
    <div>
    <p class="something>I am a paragraph.</p>
    </div>
    // Bad
    <div><p class="something>I am a paragraph.
    </p>
    </div>
  2. 3.
    Class / ID Naming Convention
    HTML 요소의 클래스명과 아이디명은 일반적으로 Kebab Case가 사용됩니다. Case Style이란?
  3. 4.
    File / Directory Naming Convention
    파일 혹은 디렉토리(폴더) 이름에는 공백, 한글 사용을 가급적이면 삼가하세요.