1. 수업내용

onepage 실습

-간단한 원페이지 작업

Cat blog_-01

1) html 구조 작성

2) css 부분작성

2. 수업을 하며 이해한 부분과 해결되지 않았던 부분 및 해결방안

1) 수업을 하면 기존에 이해가 되지 않았던 코드의 이해

• position 속성 : 기존에 position 속성에 대해 알지 못하고 사용하였는데 자주 반복하고 쓰다보니 활용 방법에 대해 익숙해졌다.

  • 정적 위치(static position) 지정 방식 => 기본값

  • 상대 위치(relative position) 지정 방식

  • 고정 위치(fixed position) 지정 방식

  • 절대 위치(absolute position) 지정 방식

  2) 수업 중 오류가 났던 코드

  

• 결과물에 강사님과 다른 화면이 표시가 되었다.

  • 원인

    article blockquote::before{
      content: '.\201C';
      top: 2.5rem;
      left: 0;
    }

  • 수정한 코드

    content: '\201C'

==> 수업을 마치고 강사님이 주신 코드와 비교해 보니 코드작성시 오타로 인한 문제였다.

3. 소감

수업이후 공유된 코드와 내가 작성한 코드를 비교해 보면서 작성이 잘못되어 있는 부분을 확인하며 오류를 잡을 수 있었다.
또한, 실습시 기존에 활용했던 코드를 반복적으로 사용하면서 이해가 잘 되지 않았던 부분이나 익숙하지 않았던 코드의 활용이 익숙해지는 것을 느낀다.