개발일지 5일차 | 1주차 숙제 완료 .. 후덜덜

1. Javascript 리스트-반복문

리스트와 반복문은 늘 같이 다닌다.

 

 

반복문은 실제로 리스트에서 조회할때의 값을 불러오는 역할로 많이 쓰이는 듯.

 

 

이런 형태를 잘 기억하자!

* CSS 파일분리 코드

 

---

1주차 숙제.

 

만들어 보시오.

1. 다 까먹어서 다시 보면서 정리

> 구글 폰트 (https://fonts.google.com/)

 

1) CSS에 구글 폰트

 - Link 코드들은 <title> 밑에 바로 붙여넣기

 - Css에는 * { } 대괄호 안에 그냥 붙여넣기

 

 

 

 

글자들(내용물을 가운데 정렬)

배경 어둡게

linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))

- background-image: *** , url("http///)

*** 부분에 넣어주기

 

2. 기존 소스 복붙도 기술이 필요하다.

다시 앞장을 뒤지면서 복붙을 해서 겨우 완성은 했다.

물론, 다 알고 한건 아니고 진짜 그냥 복붙...

 

 

* 저 버튼은 div가 같이 있는데도 왜 삐뚤게 안으로 들어갔는지 당최 모르겠음.

 

* 입력폼이 없어서 그냥 복붙으로 밑에 주욱 넣었는데 ;; 맞는지 잘 모르겠다.

 

부트스트랩을 잘 이용해봐야겠다는 생각만 듬..

 

 

homework_영상보면서혼자만든거.html

0.00MB

일단 한거는 여기에 올려봄..

 

뒤에 Quote쓴거는 div 앞에 지우니까 따닥따닥 붙어서 그냥 놔두고 복붙으로 넣어버렸는데.. 에러가 안나서 그냥 뒀는데. 뭔가 꺠림직하다.. 해설을 보고 고쳐봐야겠다.

 

 

* display flex를 안쓰구 걍 center 대충 넘긴걸 확인; 근데 그래도 보여지는건 차이가 없던데 ;;;

*background-position: center 10%; <- %바꾸면 이미지가 움직임 (얼굴이나 나오게 해야하는 이미지를 조정할때 유용할듯)

 

* 버튼이 안쪽으로 들어간 이유 알았음..

 button은 div로 레이어 안주고 그냥 써야됨;;

 

* 뒤에 Quote 줄이 없어진 이유 알았음..

div 레이어를 하나 없앴더니 겹쳐진것임..

1번은 작성한거 / 2번 3번은 기존것인데.. 2번 div 세트를 삭제하지 말고 그대로 쓸것..

 

그냥 복붙인데도 알고 해야지..원.ㅎㅎㅎㅎ

 

 

1주차를 어거지로 끝냄.

 

 

 

homework_해설보고수정.html

0.00MB