[왕초보] 비개발자를 위한, 웹개발 종합반 (프로그래밍 실무, 풀스택) 1주차 - 일기1

# 나의 어려움

html과 css를 배우고 있는데 설명보면 이해도 되고 잘 알겠는데 

혼자하려고 하면 태그를 어디에 써야하는지 위치가 뭔가 헷갈린다...

나는 위치에 약한 것 같다..

 

 

 

# 알게된 단축어

- 줄맞춤 : ctrl + alt + L 

 

 

 

# 왕초보가 마주한 오류들

1_ 버튼이 붙어있었는데 </div>태그로 마무리를 해주지 않아서 버튼이 붙어있었음

2_ 내용물을 정리하는 손 쉬운 태그 4줄

외울 필요가 없다고 하셨는데

영타연습을 하겠다고 굳이굳이 똑같이 따라쓰겠다고 일일이 타자로 침..

그럴거면 아예 타자를 처음부터 끝까지 다 치던가 ㅡㅡ

치다가 중간에 자동완성으로 보이는대로 눌렀더니

align-items

로 해야할 것을 밑에 이 태그랑 짬뽕이 되어서 

justify-content

align-content로 해놓고 안에 내용물 모양이 이상해졌다고 한참을 헤맸다..

다음부턴 선생님 말씀 잘 들어야한다..

이런 건 일일이 치는 게 아니다..복붙하는 거다.

(하지만 똥인지 된장인지 찍어서 먹어봐야하는 성격이라

앞으로도 말을 곧이 곧대로 잘 들을진 모르겠다.)

영타연습도 좋지만 앞으로는 복붙 자주 애용하도록 하자^^

 

 

 

# 왕초보가 오늘 알게 된 사실

 

1_ 구글폰트링크 위치

- title태그 밑에 넣는다. 

2_구글폰트css 위치

- style(css) 안에 넣는다.

3_이미지 어둡게하기

- background-image : url("이미지링크") 바로 앞에 콤마 찍고 어둡게 하는 태그 넣기 

<title>스파르타 피디아</title>
<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">

<style>
    * {
        font-family: 'Gowun Dodum', sans-serif;
    }
    .mytitle {
        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;

 

 

그치만 남은 공부도 있으니 오늘도 화이팅 !

왕초보 화이팅!