프론트엔드 3

TIL 정리_38

생활코딩-Javascript 강의를 참고하여 정리 https://www.youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com javascript 사용자와 상호작용이 가능하다 웹 브라우저는 한번 화면에 출력되면 바꿀 수 없다 = js를 사용 =웹 페이지가 동적으로 작동한다 js는 사용자와 상호작용하기 위해 고안된 컴퓨터 언어이기에 시간의 순서가 필요하다. 만들기능 : 버튼을 눌러 웹 페이지를 야간모드와 주간모드로 바꿀 수 있는 기능 버튼 추가 input type =“button” value=“night”(글씨쓰기) onclick(js코드) * onclick : 속성 값으로 js가 와야 한다 ->..

TIL 정리_37(CSS)

https://www.youtube.com/playlist?list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B WEB2-CSS www.youtube.com 생활코딩 강의를 보고 개인적으로 정리한 글 입니다 CSS = 디자인을 위한 것 글자 사이즈 키우기 div.a { font-size: 15px; } div.b { font-size: large; } div.c { font-size: 150%; } 문단(글자)을 중앙으로 정렬하기 div.a { text-align: center; } 왼쪽으로 정렬 div.b { text-align: left; } 오른쪽으로 정렬 div.c { text-align: right; } 양쪽으로 정렬 div.c { text-align: justify; } cl..

프론트엔드/CSS 2022.03.24

TIL 정리_36(HTML)

생활코딩 HTML 강의를 듣고 개인적으로 정리한 글입니다 https://www.youtube.com/playlist?list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb WEB1- HTML & Internet www.youtube.com atom을 사용하여 실습하였다 html 열기 – 폴더 생성 후 선택 -> 오픈 html TAG(태그) 정리 utf8로 문서를 읽게한다(한글 사용이 가능해진다) 이 문서는 html타입이라는 선언 : 글자 크기를 굵게 변경 밑줄(underline) h의 숫자가 증가할수록 크기가 작아진다 . . . 줄 바꾸기 (단락 나눌때 사용) 줄 바꾸기 (p를 자주쓰며, 강제로 줄을 바꿀때 주로 사용한다) 이미지삽입 = list 목록 li의 부모 unodered list..