Onepage & Cat bolg

연가을·2022년 5월 25일
0
post-thumbnail

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. 소감

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

0개의 댓글