생활코딩자바스크립트 6

생활코딩 : JS 정리 -5. 낮/밤 버튼 (by 웹 어플리케이션 만들기)

JS 낮/밤 버튼 1.낮/밤 버튼을 만든다. 2.오른쪽 구석탱이로 옮긴다. #control { float: right; } : CSS태그이므로 style태그에서 조정한다. 3.배경색/글자색이 다른 낮/밤 태그를 만든다. body.white{ background-color: white; color:black; } : CSS태그이므로 style태그에서 조정한다. class속성은 white이다. body.black{ background-color: black; color:white; } : CSS태그이므로 style태그에서 조정한다. class속성은 black이다. 4.버튼을 누르면 바디태그의 속성이 달라진다. 5.완성된 4의 태그를 모든 페이지에 붙여넣기한다.

JavaScript 2020.08.29

생활코딩 : JS 정리 -4. 이벤트 태그 (by 웹 어플리케이션 만들기)

JS 이벤트 태그 -HTML tag -JS tag prompt("hello world"); alert("hello world"); :알림창 API. 태그 안에 있을땐 그냥JS 태그이다. : 태그 안에 들어오면 onclick은 이벤트 태그가 된다. alert은 HTML태그 안에 넣을 수 있다. onclick : 클릭하는 이벤트 onfocus : 커셔 갔다대는 이벤트 onblur : 다른곳에 갔다대는 이벤트 : text창에 내가 원하는 글을 쓰고, 버튼을 누르면, 알림으로 그 글이 나오는 코드이다. getElementById : 아이디를 통해 태그를 가져온다 는 뜻. document. : 함수 분류 태그 .value : 값을 표시하는 태그 id="user_input" : 의 아이디를 유저인풋으로 설정한다는 ..

JavaScript 2020.08.29

생활코딩 : JS 정리 -3. 함수 (by 웹 어플리케이션 만들기)

함수 function 함수이름() {~~@~~} 함수이름(); function a(){ document.write("Hello Function"); } a(); 반복문과 다른점은 a();를 어디에서나 써도 된다. 출력이 된다. 함수의 입력 function a(input){ document.write(input); } a(2); : 2를 넣으면 2가 나온다. 3을 넣으면 3이 나온다. input으로 동일하게 했다. function a(input){ document.write(input+1); } a(5); : 6이 나온다. a에 있는 5가 input으로 들어간다. 그리고 1이 더해진다. 함수의 출력 function a(input){ return input+1; } document.write(a(5)); :..

JavaScript 2020.08.29

생활코딩 : JS 정리 -1.태그 (by 웹 어플리케이션 만들기)

--JS는 제어이다-- JavaScript란? : 웹브라우저에서 버튼을 누르거나 사용자가 동작하면 그것에 맞춰서 변하는 것이다. 웹브라우저에서 작용. 클라이언트 언어. : JavaScript 태그이다. document.write(); : JavaScript 명령어이다. document.write(10+10); : 20으로 출력된다. document.write("10"+"10"); : 1010으로 출력된다. ""안에 있으면 문자로 인식한다. name = "식초"; : 변수 설정 document.write(name); : 식초 로 출력된다. document.write("안녕하세요."+name); : 안녕하세요. 식초 로 출력된다. name 값만 다르게 설정하면 한번에 다 변수를 변경할 수 있다. == : 값..

JavaScript 2020.08.29

생활코딩 : CSS 정리 -1. 태그 (by 웹 어플리케이션 만들기)

--CSS는 디자인이다.-- : 태그 안에 쓴다, html의 태그이다 : id값이 selected인 태그(li)를 선택해서 효과를 줄 수 있다, id는 html의 속성이다 : class값이 em인 태그(li)를 선택해서 효과를 줄 수 있다 : 태그 안에 쓴다, html의 태그이다. 파일주소에 있는 css 파일을 그 웹페이지에 넣는다. 태그와 다르다. h1{} : 선택자, css의 태그이다 {color:red} : 색깔 설정, 서술, css의 태그이다 {font-size: 10px;}: 폰트 크기 설정, 서술, css의 태그이다 h1,h2{} : h2도 똑같은 효과를 주고 싶다면 콤마로 합치기 nav ol{} : nav 태그 중에서 ol 태그만이다 {list-style: none;} : 리스트 스타일 없앤..

CSS 2020.08.29