#1 스파르타 코딩클럽 둘쨋날

어제 ot를 하고나서 1-3까지 들었었다.
분명... 선생님을 따라서 잘 했는데... 기억이 하나도 안나는거 있지...^^
그래서 다시 전 수업을 다시 듣고 와야 기억을 되살려보아야했다.
이런 몹쓸 기억력...

오늘 게더 다운되어서 클로징 못함

그래서 오늘은 뭘 어디까지 배웠는가!

간단한 로그인페이지 만들기, css, 주석,폰트까지 배운것같다.
1-11까지 들어야하는데 졸리기도 하고,, 내 머리의 한계ㅠㅠ
아무튼 그래도 일주일 뒤에 개발일지를 쓰기위해 오늘의 기록을 하러 첫 벨로그를 쓰고있는중이다.
(사실 이건 하은매니저님의 방식을 따라하는거임..ㅎㅎ)
낼 오후에 시간나면 나머지는 다 듣고 8시 수업에 참여하는걸로!

  • HTML은 뼈대,CSS는 모양이라고 생각하면됨.
  • 코드스니펫을 크롬으로 부르는 방법 : 오른쪽에 크롬 로고 누르면 크롬에 빈화면으로 뜸<<<<제발 기억해라
  • 코드가 뒤죽박죽 되어있을때: ctrl+A(전체선택)/ctrl+alt+l(정렬)
  • 앞 뒤로 < p > 태그를 하게 되면 자동으로 줄바꿈 가능
    < div >가 부모태그라고 생각하면되는데, 그 사이에 있느 태그들이 자식태그라고 생각하면 쉽다.
  • < div >
    < button > ->이런식이면 버튼태그가 div의 자식태그가 되는것이다.

1-4수업의 퀴즈

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
</head>
<body>
     <h1>로그인 페이지</h1>   
<div></div>
 ID : <input type="text"/></p>
 PW: <input type="text"/></p>
<button>로그인하기</button>

처음에 내가 혼자 풀어봤던 퀴즈 코드

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
</head>
<body>
    <h1>로그인 페이지</h1>
    <p>ID: <input type="text"/></p>
    <p>PW: <input type="text"/></p>
    <button>로그인하기</button>
</body>
</html>

퀴즈의 답
굳이 줄바꿈한다고 구역을 나누는 < div >를 넣지않고 < p >를 넣으면 된다! 기억해!!
선생님이 방금말씀하신걸 까먹고 사실 내가 맘대로 디브 넣은거임 ㅋ

background-image: url("https://www.-주소적으면 됨);
        background-size: cover;
        background-position: center;
       

이미지를 넣을땐 이 3줄이 항상 따라다닌다고 생각하면 편하다.
1-7부터 다시 복습해라^^

좋은 웹페이지 즐겨찾기