HTML
브라우저의 뼈대
크게 헤드와 바디로 구성된다
헤드안에는 페이지의 속성을 정의 하거나 스크립트를 부른다
바디에는 페이지를 이루는 것들이 들어간다
CSS
브라우저를 꾸민다
HTML을 꾸민다
부모 HTML을 꾸미면 자식 HTML도 영향을 받는다
태그에 이름을 붙여 스타일에서 불러 꾸민다
margin 바깥여백
padding 안쪽여백
background-image
background-size
background-position
이거 세트
가로 길이 주고
margin: auto 중앙으로 가게
내용물 정리하기
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
이거 세트
투명한색
background-color: transparent;
테두리 둥글게
border-radius
이모티콘 모음
https://kr.piliapp.com/facebook-symbols/
모바일 친화적으로
max-width: 500px;
width: 95%;
화면 폭 500px 전에는 95%로
넘으면 500px으로
Javascript
브라우저를 움직이게 한다
여느 언어와 다름없이 변수, 자료형, 함수, 조건문, 반복문이 중요하다
변수
데이터를 담는 상자와 같다
let 변하는 것
const 변하지 않는 것
사칙연산 그리고 문자열 기본 연산이 가능하다
변수명에 띄워쓰기를 할 때
hi_name
hiName
이 방법중 하나로 구분하기 쉽게한다
리스트
순서가 있는 요소들의 모음
리스트의 인덱스로 뽑아서 쓸 수 있다
딕셔너리
키와 밸류가 있는 묶음
딕셔너리와 리스트로 많은 데이터를 관리할 수 있다
순서를 표시할 수 있고 정보를 묶을 수 있다
split replace 등 여러 유용한 함수가 많다
함수
같은 코드를 반복하지 않게 하려고 만든다
function 함수명(인자){
함수 내용
return
}
이런 형식으로 함수를 만든다
리턴으로 함수결과를 반환 받는다
조건문
if(조건){
조건 내용
}else
조건을 더 붙히려면
else if 를 사용한다
반복문
똑같은 내용을 반복할때 사용
for(시작조건, 반복조건, 더하기){
반복내용
}
ex.
for (let i = 0; i < 10; i++) {
console.log(i);
}
계속 반복하다가 i가 9가되면 멈춘다
반복문과 조건문을 조합하여
복잡한 문제도 해결 가능할 것 같다
