코딩공부/JavaScript(11)
-
JavaScript 5일차 - CSS기초 2
CSS기초 2 - style 태그 선택자 태그 : css를 입히기 위해 아무 의미도 기능도 없이 제어를 위해 감싸주는 태그 / 줄바꿈 있음 태그 : 위와 동일/ 줄바꿈 없음 css text bold를 검색해보자 https://www.w3schools.com/cssref/pr_font_weight.asp CSS font-weight property W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w..
2021.12.23 -
JavaScript 4일차 - 웹브라우저 제어 / CSS 기초
웹브라우저 제어 자바스크립트로 웹브라우저를 어떻게 제어하는지 알아보자 night 버튼을 눌렀을때 다크모드 / day 버튼을 눌렀을때 주간모드가 되게 하려면 1. html body에 스타일 속성을 주는 css코드 를 알아야한다 2. 스타일을 주고자하는 부분이 body 태그라는 것을 웹브라우저에게 알려주는 방법을 javascript 문법으로 어떻게하는지 알아야한다. 그래서 1. css 주요 문법을 익혀야한다 2. js를 이용해서 제어하고자하는 태그를 선택하는 방법에대해 익혀야한다. CSS 기초 style 속성을 이용해서 CSS 사용하기 스타일을 바꾸고싶은 태그 안에 style 속성을 넣는다 style="CSS코드" ex ) 실업급여란? CSS background color property를 구글링해보자 ht..
2021.12.22 -
JavaScript 3일차 - 데이터타입 문자열과 숫자 / 변수와 대입 연산자
데이터 타입 - 문자열과 숫자 javascript data type 검색 https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures 자바스크립트의 자료형 - JavaScript | MDN 모든 프로그래밍 언어는 내장 자료형이 있지만, 종종 이러한 내장 자료형은 언어마다 다르다. 이 문서에서는 자바스크립트의 내장 자료형과, 내장 자료형에서 사용할 수 있는 속성들에 대해 알 developer.mozilla.org 숫자 타입은 연산이 가능하다 산술연산자(+. -. *. /) 문자열 데이터 타입은 ""(큰따옴표)나 ''(작은따옴표) 사이에 들어간다. javascript string을 구글링 해보자 https://developer.mozilla.or..
2021.12.21 -
JavaScript 2일차 - HTML과 JS의 만남 (콘솔)
HTML과 JS의 만남 (콘솔) 콘솔을 이용하면 파일을 만들지 않고도 자바스크립트 코드를 직접 실행할 수 있다. .length : 문자열의 문자 갯수를 알려주는 명령 첫번째 시도때는 Uncaught SyntaxError: Invalid or unexpected token라는 신텍스에러가 발생해서 감으로 엔터부분을 지우니까 해결이 되었다(?) 이 부분이 궁금하여서 구글링을 해봤는데 JavaScript는 문자열 리터럴에서 엔터를 사용하면 해당 에러가 뜬다고 한다. 그리고 Uncaught SyntaxError같은 경우에는 대부분이 오타가 원인이라고 한다! 콘솔에서 페이지 안의 데이터를 기준으로 편리하고 다양한 자바스크립트 기능들을 사용할 수 있다. ex) 유투브, 페이스북 댓글 추첨 https://gist.g..
2021.12.19 -
JavaScript 1일차 - 수업소개 / HTML과 JavaScript의 만남 1 (script 태그) / HTML과 JavaScript의 만남 2 (이벤트)
수업소개 JavaScript의 탄생 배경 : 사람들의 조작에 의해 상호작용이 가능한 웹사이트를 만들고 싶다! html이 멈춰있는 이미지라고 한다면 JavaScript는 그 이미지를 마치 영화처럼 움직이게 한다. 수업의 목적 자바스크립트는 html을 제어한다! 수업의 최종적인 목표는 무엇인가? -하나의 기능을 구현하기 위해서 필요한 문법을 챙긴다. 실습을 통해 문법을 배운다! 사용자와의 상호작용을 통해 야간모드/주간모드를 버튼을 통해서 바꾸는 기능을 만들어보는 실습을 할 것이다. HTML과 JavaScript의 만남 1 (script 태그) : JavaScript의 시작과 끝을 알리는 태그. 이 안의 내용은 JavaScript로 해석한다. html로 입력한 1+1은 그냥 1+1로 보여지지만 JavaScri..
2021.12.18