1. 개발일지 써보기

위 이미지는 1주차의 결과물

개발자모드 (CTRL+SHIFT+I/F12)

1. 내가보는 페이지만 고칠수 있다
2. 내가보는 페이지는 인터넷과 관계없다
3. 새로고침하면 원상복귀된다

브라우저의 역할

서버에게 요청을 보내서 서버가 준 것(html/css/js)을 받아서 그려준다

간단한 정의

html 뼈대
css 꾸미는것
js 움직이는거/클릭하면 이동하는것들
제이슨(json)형식(예쁜거뺀거)

*html은 문서형태다

기본 태그

꺽쇠 (<>) = 태그
ex)바디태그/헤드태그 등

head = css/js/크롤링설정/파비콘 등 담김
body = 내눈에 보이는 모든것
div = 디비젼약자/ 디브태그
사용예) 세가지를 가운데로 다옮길때 묶어서 수정 -> 묶어주는역할
p= 페러그래프약자/문단(자동으로 줄바꿈)
h1= 제목
span 특정 글자를 꾸밀때 사용
a = 하이퍼링크

---

가로선 줄맞추는 단축키 ctr+a 이후 ctr+alt+L

margin은 바깥 여백을 (마진-오토 속성은 글속성일땐안되고(인라인속성)/박스속성(블록속성)일때만 유효)
padding은 내 안쪽 여백을
ㄴ가운데있다는것은 내 양쪽 여백이 동등하게 최대치이다!

주석-사람은 읽고싶은데 컴퓨터는 읽지마
ㄴ개발하다가 쓰는 메모/ 지우고 싶은 코드등 > 단축키 ctr+/

css 서치

부트스트랩-남이 미리 만들어놓은 예쁜css 모음집

*구글링이 기본
*서치꿀팁 css border mdn/css border schools

개발자도구(F12) 콘솔(console)창: 현페이지에서 이어짐/띄워놓은 페이지에서 자바스크립트 테스트

자바스크립트

변수/자료형/함수/조건문/반복문/

변수 (let) :넌이거야!지정해주는것 값을 담는것/ 남이 봐도 알아볼수 있게 지어야함, 텍스트는' ' 안에담기
자료형
리스트형 (list) : 순서가 중요한 담기, 담는 내용은 [ ] 꺽쇠안에 담기(걍외워)
딕셔너리형(dict) : 키{key}-밸류[value] 값의 묶음
        ★딕셔너리와 리스트가 서로 요소로 쓰일수 있음

함수 : function부르면 정해진 동작을 한다 - 내가 이름을 지정하는 함수만들기
return: 끝내고 나를 변신시켜줘!
조건문 : if문

반복문

마진-오토 속성은 글속성일땐안되고(인라인속성)/박스속성(블록속성)일때만 유효