본문 바로가기

웹코딩 배우기/· JavaScript69

function - 자바스크립트 See the Pen by nilgi (@nilgi) on CodePen. • 자바스크립트 function : 특정 작업 때 사용. ▲ function name(parameter1, parameter2, parameter3) { } // parameter : 문자, 숫자, 밑줄, $ • function 호출 : 클릭 이벤트 구현, 자바스크립트 호출, 자동 자체 호출. ▲ function return - 스크립트 다음에 코드를 실행하기 위해 return을 사용. return은 연산하며 호출자에게 다시 값을 지정. ▲ function 재사용 가능하여 여러 가지 결과를 만든다. ▲ 변수는 function 영역에서만 엑세스된다. 2021. 11. 16.
자바스크립트 데이터 유형 See the Pen 자바스크립트 데이터 유형 by nilgi (@nilgi) on CodePen. let a = 3; // 숫자 let b = "Tstiory Blog"; // 문자는 ", '로 쓴다. let c = {name:"nilgi", BloodType:"AB"}; // 개체는 {}로 쓴다. let a = 3 + "nilgi"; // 숫자 + 문자 let a = "nilgi" + 3; // 문자 + 문자 : 문자 뒤에 오는 숫자는 문자 처리한다. let a = 1 + 5 + "nilgi"; >> 6nilgi let a = "nilgi" + 5 + 1; >> nilgi51 let c = 22; c = 12; c = jj // 적용 숫자 소수점 표현 let g = 39.00; >> 39 // 소수점.. 2021. 11. 15.
자바스크립트 =(할당) 쓰는 방법 See the Pen 자바스크립트 할당 응용 by nilgi (@nilgi) on CodePen. 2021. 11. 14.
자바스크립트 연산 기호 쓰는 방법 See the Pen JS 산술 by nilgi (@nilgi) on CodePen. ▸수학처럼 곱하기, 나누기, ( )를 먼저 계산하다. let x = 12; let y = 24; let z = x + y; // + 더하기 let x = 12; let y = 24; let z = x - y; // - 빼기 let x = 12; let y = 24; let z = x * y; // * 곱하기 let x = 5; let y = 2; let z = x % y; // % 나눈 몫의 나머지 let x = 5; x++; // ++ 증가 let x = 5; x--; // -- 감소 let x = 6; let z = x ** 3; // ** 지수 let x = 6; let z = Math.pow(x,3); // 지수.. 2021. 11. 13.
자바스크립트 기본 연산 쓰는 법 See the Pen 자바스크립트 연산 by nilgi (@nilgi) on CodePen. 2021. 11. 12.
자바스크립트 const의 기본 See the Pen 자바스크립트 const by nilgi (@nilgi) on CodePen. const a = 24 a = 12 // 오류 a = a + 12 //오류 ▲ const 재설정, 재할당할 수 없다. ▲ const 사용 새 Array(정렬, 배열), Object(개체), Function(기능), RegExp(정규 표현) const는 상수의 값, 배열, 개체를 재할당할 수 없지만 상수 배열의 요소, 객체의 속성(값)은 변경할 수 있다. const name = ["cpu", "case", "video card"]; name = ["power", "case", "ssd"]; // 재할당 X ▲ const의 개체를 변경할 수 있다. const nilgi = {bloodtype:"AB", weig.. 2021. 11. 12.
자바스크립트 let • let는 const와 함께 2015(ES6)에 만들어졌다. • var과 비교해보면 이해하기 쉽다. • let는 재선언할 수 없다. • let를 먼저 선언하고 쓴다. var a = 1; var a = 2; // var은 재선언 값을 적용된다. let a = 1; let a = 2; // let는 재선언할 수 없다. var b = 3; { var b = 4; } // var는 내부 {}으로 재설정 가능하다. let b = 3; { let b = 4; // let는 내부 {}으로 재설정 불가능. } name = "nilgi"; document.getElementById("demo").innerHTML = name; var name; // var는 뒤에 쓸 수 있으나 let는 무조건 먼저 써야 한다. 2021. 11. 11.
자바스크립트 var 쓰는 방법 See the Pen 자바스크립트 var by nilgi (@nilgi) on CodePen. • 자바스크립트 변수 var : var은 데이터를 저정한다. • 자바스크립트 식별자 - 자바스크립트는 변수와 함께 고유 식별자가 있어야한다. - 위 a, b, c를 식별자라고 한다. • 식별자 쓰는 규칙 - 이름은 문자, 숫자, 밑줄(_), 달러 기호($)를 포함한다. - 이름은 문자로 시작한다. - 이름은 $, _로 시작할 수 있다. - 대소문자를 구분한다. a와 A는 다른 변수다. - 이미 사용하고 있는 이름(예:자바스크립트 명령어)은 사용할 수 없다. - 자바스크립트에서 =은 '같음'이 아니라 데이터의 '할당'을 의미한다. 자바스크립에서 같음은 '=='라 쓴다. ▲ 변수는 숫자와 텍스트 값(문자열)을 가진.. 2021. 11. 10.
자바스크립트 주석 다는 방법 • // 한 줄 • /* 여러 줄 */ • 주석으로 감싸 태그를 실행하지 못하게 한다. ▸HTML 주석 : ▸CSS 주석 : /* 주석 */ ▸JS 주석 : // 한 줄, /* 여러 줄 */ 2021. 11. 10.
자바스크립트 작성의 기초 See the Pen 자바스크립트 구문 1 by nilgi (@nilgi) on CodePen. • 고정 값 : Literals • 변수 값 : Variables • var, let, const를 이용 변수를 선언 • JS에서 첫 번째 글자는 문자, 밑줄(_), 달러($)며 숫자 사용 불가. • ( - )는 JS에서 뺄셈으로만 사용하며 문자로 사용 불가. • LET 또는 Let는 변수를 선언하는 키워드 let로 해석하지 않는다. • 대소문자를 구분한다. • // 주석 며칠 JS 공부하면서 느낌. html, css는 그냥 몸 풀기... 2021. 11. 9.
자바스크립트 입문 javascript 입문 • ; (세미콜론)으로 구분하고 줄바꿈 없이 한 줄에 다 써도 된다. • 연산자(= + - * /) 앞뒤로는 공백을 넣는 것을 기본으로 하나 넣지 않아도 되고 가독성을 위해 줄바꿈 가능하다. { document.getElementById("ex1").innerHTML = "NILGI" document.getElementById("ex1").innerHTML = "BLOG" } • { 명령 } 중괄호로 코드를 그룹화할 수 있다. 2021. 11. 8.

티스토리툴바