1. 이때까지 코딩 배워본다고 유튜브 강의들보면서 따라하고 문서들 깔짝거리다가 ㅇ..이게 뭐임 이러고 금방 그만뒀었는데(이전에는 무작정 기초부터 시작했었음) 실제로 웹 페이지를 만드는 것부터 시작하니 흥미롭게 강의를 수강할 수 있었다. 

2.코딩이 왜 상상력을 구현하는 기술인지 직접적으로 체험할 수 있었다. 

3. </div>를 솔직히 우습게 봤는데, 숙제할때 </div> 이걸 안해서 박스가 전체로 다 묶여져서 나오는 걸 보고 당황했다. 

4. ctrl + Alt + L 누를때 줄 착 맞춰지는거 은근 기분 좋음

5. 자바스크립트 기초 문법을 배웠는데 이게 웹 페이지를 만들때 어떻 게 구현되는지 그 과정은 아직 잘 모르겠다.    
----------
강의 내용 코드 복붙  (포스팅 박스)
<!doctype html>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

<title>스파르타 피디아</title>

<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">

<style>
    * {
        font-family: 'Gowun Dodum', sans-serif;
    }

    .mytitle {
        width: 100%;
        height: 250px;

        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg');
        background-position: center;
        background-size: cover;

        color: white;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mytitle > button {
        width: 200px;
        height: 50px;

        background-color: transparent;
        color: white;

        border-radius: 50px;
        border: 1px solid white;

        margin-top: 10px;
    }

    .mytitle > button:hover {
        border: 2px solid white;
    }

    .mycomment {
        color: gray;
    }

    .mycards {
        margin: 20px auto 0px auto;
        width: 95%;
        max-width: 1200px;
    }

    .mypost {
        width: 95%;
        max-width: 500px;
        margin: 20px auto 0px auto;
        padding: 20px;
        box-shadow: 0px 0px 3px 0px gray;
    }

    .mybtns {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        margin-top: 20px;
    }
    .mybtns > button {
        margin-right: 10px;
    }
</style>

내 생애 최고의 영화들

영화 기록하기

영화URL

별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐

코멘트

기록하기 닫기

영화 제목이 들어갑니다

여기에 영화에 대한 설명이 들어갑니다.

⭐⭐⭐

나의 한줄 평을 씁니다

영화 제목이 들어갑니다

여기에 영화에 대한 설명이 들어갑니다.

⭐⭐⭐

나의 한줄 평을 씁니다

영화 제목이 들어갑니다

여기에 영화에 대한 설명이 들어갑니다.

⭐⭐⭐

나의 한줄 평을 씁니다

영화 제목이 들어갑니다

여기에 영화에 대한 설명이 들어갑니다.

⭐⭐⭐

나의 한줄 평을 씁니다

Author And Source

이 문제에 관하여(스파르타 코딩클럽 1주차 수강 후기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@qkrwlswn0314/스파르타-코딩클럽-1주차-수강-후기

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

스파르타 코딩클럽 1주차 수강 후기

내 생애 최고의 영화들

영화 제목이 들어갑니다

영화 제목이 들어갑니다

영화 제목이 들어갑니다

영화 제목이 들어갑니다

Author And Source

좋은 웹페이지 즐겨찾기