본문 바로가기

웹코딩 배우기/· JavaScript69

Hoisting - 자바스크립트 See the Pen 자바스크립트 Hoisting by nilgi (@nilgi) on CodePen. 변수는 맨 위에 선언. 오류 방지를 위에 항상 시작 부분에 모든 변수를 선언한다. 자바스크립트의 기본 규칙입니다. 2023. 3. 14.
자바스크립트 각종 오류 See the Pen try, catch, finally, throw by nilgi (@nilgi) on CodePen. 2023. 3. 7.
자바스크립트 정규 표현식들 See the Pen 자바스크립트 정규 표현식 by nilgi (@nilgi) on CodePen. 뭔 말인지 몰라서 며칠동안 계속 보고 봤다. ㅎㅎㅎ 모르면 말고~ (╯°Д°)╯ ┻━┻ 2023. 3. 2.
자바스크립트 - type 정의 See the Pen typeof by nilgi (@nilgi) on CodePen. ▶ 값을 포함할 수 있는 5가지 데이터 유형 • string • number • boolean • object • function ▶ 6가지 유형의 객체 • Objecr • Date • Array • String • Number • Boolean ▶ 값을 포함할 수 없는 2가지 데이터 유형 • null • undefined typeof "hw" + " " + // string typeof 2424 + " " + // number typeof NaN + " " + // number typeof false + " " + // boolean typeof [4,6,11] + " " + // object typeof {name.. 2023. 2. 14.
자바스크립트 - new Map() See the Pen Map by nilgi (@nilgi) on CodePen. Map - 키와 값을 쌍으로 하는 요소 • new Map() : 새 Map을 만든다. • set() : 키값 설정 • get() : 키값 가져오기 • delete() : 키값 삭제 • has() : 키값이 있는지 확인하여 true 또는 fales로 표시 • forEach() : 키와 값을 호출 • entries() : 키와 값이 있는 반복요소 반환 • size : 요소의 수를 표시 2023. 2. 9.
자바스크립트 new Set() See the Pen new Set() by nilgi (@nilgi) on CodePen. • set // 고유 값의 모음. 값은 set에서 한 번만 발생 ▸ new Set() // 새로운 set 만들기 ▸ add() // set에 요소 추가 ▸ delete() // 요소 제거 ▸ has() // set 값 true를 반환 ▸ forEach() // 각 요소 콜백 ▸ values() // 값이 있는 반복자 반환 ▸ size // 세트 요소 수 add() // 동일 요소는 첫 번째 요소만 인정 const sa3_text = new Set(); sa3_text.add("g"); sa3_text.add("o"); // 요거만 인정해서 size 값은 3이 된다. sa3_text.add("o"); // no인정.. 2023. 1. 31.
자바스크립트 - for of 반복 See the Pen for of by nilgi (@nilgi) on CodePen. • for (variable of iterable) 반복 가능한 요소 반복 - 문자 반복 const name = "Tistory"; let text = ""; for (const x of name) { text += x; } - 배열 반복 const name2 = ["T", "i", "s", "t", "o", "r", "y"]; let text2 = ""; for (const x2 of name2) { text2 += x2; } - new Set 반복 const name3 = new Set(["T", "i", "s", "t", "o", "r", "y"]); let text3 = ""; for (const x3 of n.. 2023. 1. 26.
자바스크립트 - break 반복중단, continue 건너뛰기 See the Pen break, continue by nilgi (@nilgi) on CodePen. • break : 반복문을 중단한다. for (let n = 0; n 2023. 1. 12.
while 반복 - 자바스크립트 See the Pen while by nilgi (@nilgi) on CodePen. • while : 값이 참일 때 조건을 반복 while (n < 8) { text += "지금 보이는 숫자는 " + n + "입니다. " n++; } • do while : 값이 참임을 확인전에 한 번 실행하여 조건이 맞으면 반복한다. 거짓이어도 최초 한 번은 실행 do { dw_text += "내가 좋아하는 숫자는 " + m + "입니다. "; m++; } while (m 2023. 1. 10.
자바스크립트 - for of See the Pen for of by nilgi (@nilgi) on CodePen. • for (variable of iterable) {} - for of는 반복 가능한 객체를 반복한다. - cosnt, let, var 사용 const bdas = ["rnfn", "tmsla", "qncj", "gosTjq"]; let bda_text = ""; for (let x of bdas) { bda_text += x + " "; } • 문자를 부여하여 한 글자식 표시할 수 있다. let w1 = "글자하나하나표시하기"; let wtext = ""; for (let n of w1) { wtext += n + " "; } 2023. 1. 5.
for in 반복 - 자바스크립트 See the Pen for in by nilgi (@nilgi) on CodePen. • for (key in object) { } // for in은 객체 속성 반복 for (let x in myname) { nametext += myname[x] + " "; } - for in이 myname를 반복적으로 불러와 n에 반환 • for (variable in array) {code} // for in은 array를 반복 for (let y in fias) { fiatext += fias[y] + " "; } - 배열의 순서가 중요할 때는 사용하지마. 순서가 중요할 때는 for 또는 Array.forEach() 사용 • Array.forEach()는 요소를 한 번씩 불러온다. afes.forEach(my.. 2022. 12. 22.

티스토리툴바