본문 바로가기

웹코딩 배우기293

자바스크립트 연산 기호 쓰는 방법 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.
자바스크립트의 출력 방식들 43 팝업창을 닫아 주세요. 자바 예제 명령어입니다. See the Pen 자바 기본 출력 방식 by nilgi (@nilgi) on CodePen. ▸innerHTML : HTML 요소에 작성한다. // 내용 ▸docukment.write() : HTML문서 전체에 표시하며 기존 HTML 모두 삭제 된다. ▸window.alert() : 팝업창에 결과물을 표시한다. 이 페이지를 열면 43 팝업창이 뜬다. ▸window.print() : 페이지를 인쇄한다. ▸console.log() : 브라우저 콘솔을 사용하는데 다음에 알려준다고 하여 아직 모른다. 2021. 11. 8.