개발일지 2일차

1. 태그 줄바꿈밑 밀어내는 단축키 = 탭, 쉬프트 탭 등등으로 밀당 가능
2. 컨트롤 + a = 전체선택 하고
   컨트롤 + ALT + L 누르면 태그정리 싹 됨.
--->>> 소스 복사한 후에 정리할 때 좋음.

CSS 기초


1. 자주쓰이는 CSS 모음

h1, h5, background-image, background-size, background-position color, width, height, border-radius, margin, padding

***작성하다가 탭눌러서 자동완성

***배경 이미지 씌우는 3가지 CSS 묶음.

background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
background-size: cover;
background-position: center;

코딩 수강 완료 후에 모든 강의 내용 듣지 않고 뭐만들지만 생각해서 바로 만들어보기

padding 은 버튼 내측을 키워줘서 버튼크기를 크게 하기 용이함

margin은 외측거리를 벌려주므로

margin-top
margin-left 등 다양하게 쓰임.

margin: 20px 0px 10px 30px;
margin: 위 우측 아래 좌측 (시계방향으로 돔.)

class 중첩 가능 (명찰 2개 달아주기 가능)

ex)

button class="mybtn red-font">로그인하기</button

</div


        .mybtn{
        width: 100px;
        margin: auto;
         display: block;
    }

    .red-font {
        color: red;
        font-size: 16px;
    }

*{ }
---->>>> 모든태그에 다 맥인다.

주석처리 = 원하는 부분 선택 후에 컨트롤 + 슬래쉬(다시 컨트롤 + 슬래쉬 누르면 주석이 풀림)

부트스트랩 = 남이 모아놓은 CSS 모음집 같은 개념

완성된 부트스트랩을 가져다 쓰면 편함.

오늘 코딩공부결과 총평

아직 코딩을 자연스럽게 따다닥 못함. 많이 해봐야 할듯

혼자 뭘 하려면 생각을 많이 해야함. 지금 우선 시간을 많이 잡아먹더라도 이해먼저 하고 나중에 복습을 통해서 프로그래머적인 사고를 가질 필요가 있다고 생각함.

//mdn,w3school//

1-4,1-10,1-11 퀴즈 있는 강의는 다시 들으면서 혼자 해보는 거 될 때까지 다시 해볼것!!!!