funfunweb

ECMAScript 2015(ES6)에 추가된 템플릿 문자열을 이용하면 ' + ' 연산자를 사용하지 않고 문자나 변수를 연결할 수 있다. 문자열에 큰 따옴표나 작은따옴표 대신 백틱/백쿼드(`)를 사용하고 ${변수}로 표현한다. console.log(`${변수이름} 내용 ${변수이름}`); document.write(`${변수이름} 내용 ${변수이름}`); 연산자 프로그램에 필요한 수식을 만들때 사용한다. 연산자의 종류로는 산술연산자, 대입연산자, 비교연산자, 논리 연산자, 비트 연산자, 삼항 연산자 등이 있습니다. 산술연산자 산술연산자 종류 속성 설명 + 더하기 연산, 문자와 문자 연결할때 사용 - 빼기 연산 * 곱하기 연산 / 나누기 연산 % 나머지 ++ 1씩 증가 -- 1씩 감소 See the Pen..

Data type 이란 프로그램에서 다룰 수 있는 값의 종류이다. 자바스크립트에서 다루는 data type 에는 원시타입(primitive data type)과 객체타입(object/reference type)이 있다. 원시타입 1. 숫자(number) 정수, 소수점, 지수를 표현할 수 있다. let num1 = 100; let num2 - 100.00; 숫자형은 사칙연산이 가능하다. + 더하기 - 좌변과 우변에 숫자가 아닌 문자나 변수등이 오면 더하기 연산이 아닌 연결 연산을 한다. - 빼기 * 곱하기 / 나누기 % 나머지 let zero = 0; let one = 1; let two = 2; 2. 문자열(string) 문자열은 따옴표 안에 저장한다. 큰따옴표(" "), 작은따옴표(' ') , 백틱(`..

변수란? 말 그대로 변하는 값으로 데이터가 변하는데 데이터를 처리하기 위해서는 데이터를 저장하는 공간이 있어야 하는데 그 공간을 우리는 변수라고 부릅니다. var a = "data"; a라는 변수를 만들고 그 안에 data 라는 값을 대입시켜라. 위에서 var - 변수를 만들겠다고 선언 a - 변수의 이름(data 가 들어갈 공간의 이름) = - 대입시켜라 "data" - data 문자 하지만 ECMA6버전부터는var 대신 let, const 를 사용한다.(자세한 내용은 추후 포스팅 예정) 변수이름 정하는 규칙 1. 이해하기 쉽게 2. 숫자로 시작하지 않는다. 3. 특수문자 사용 안되지만 예외적으로 $, _ 는 가능하다. 4. 예약어는 불가능 5. camelCase 방법으로 정한다. 예약어 -www.w3..

HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어입니다. 웹을 위한 인터프리터 언어이자 객체기반의 스크립트 프로그래밍 언어로 웹페이지를 조작하고, 클라이언트-서버 간에 상호작용에 관한 모든 일을 관여합니다

HTML 은 Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다. HTML 은 웹 페이지의 표준 마크업 언어로 웹사이트를 만들 수 있습니다. HTML5 기본 구성으로는 ,,등과 같이 명령어의 형태가 로 되어 있는 것을 태그(tag)라 하며 ~ 와 같이 태그의 시작과 종료를 하나의 요소(element)라고 합니다. 또한 이 요소들로 코딩한 것을 마크업(markup) 이라고 합니다. html태그를 정의하기 전에 가장 먼저 필수적으로 선언해야 합니다. html 태그는 아니지만 선언된 페이지의 html 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문으로 대소문자를 구분하지 않습..

See the Pen mouse hover image 커짐 by 정은 (@luchiaChoi) on CodePen.

See the Pen mouse hover background dim by 정은 (@luchiaChoi) on CodePen.