#1 스파르타 코딩클럽 둘쨋날
- 웹계발 1주차 노션: https://www.notion.so/1-59315708468149fc9cb2877ca0784f65#a5ab9136d8cb415da7d01a2a0668e3ca
어제 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부터 다시 복습해라^^
Author And Source
이 문제에 관하여(#1 스파르타 코딩클럽 둘쨋날), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ksj9781/1-스파르타-코딩클럽-둘쨋날저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)