지금도 개발중

1. Visual Studio Code 설치VSCode 설치는 크게 어렵지 않으니 본인의 OS에 맞게 설치를 진행하시면 됩니다.- 참고로 VSCode에서 추가적인 Extensions 사용 및 디버깅을 하기 위해서 크롬(Chrome)도 필요합니다. Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web ..

// result [] 배열인 경우 result = result.map(item => { let stateColor = "" let stateName = "" if (item.state === "0" || item.state === "1" || item.state === "8") { stateName = "대기" stateColor = "gray" } else if ( item.state === "3" || item.state === "4" || item.state === "6" || item.state === "7" || item.state === "9" ) { stateName = "취소" stateColor = "red" } else { stateName = "완료" stateColor = "blu..

// for문 for(let i=0; i { ... }); 1. 동기(sync), 비동기(async)의 차이 for문은 동기(sync) 방식이기 때문에 for문 안에서 오류가 나면 에러난 위치 이후의 이벤트들은 동작하지 않고 멈춰버립니다. foreach문은 ES6문법으로 콜백함수를 뿌리기 때문에 비동기(async) 방식으로 진행됩니다. 그래서 foreach문 안에 에러가 발생하더라도 멈추지 않고 그 다음 프로세스를 진행합니다. 2. 성능차이 forEach문은 for문의 향상된 버전이라고 칭할 수 있습니다. 가변적인 배열이나 리스트 크기를 따로 구할 필요가 없어 복잡한 반복문에서 사용성이 용이합니다. 또한 인덱스를 생성하여 접근하는 for문보다 수행속도가 빠릅니다. 단, 반복문 내에서 배열이나 리스트 값을..

▶ JavaScript Errors Try : 실행할 코드 블록을 정의합니다. Catch : 오류를 처리하기 위한 코드 블록을 정의합니다. Finally : 명령문 결과와 관계없이 실행할 코드 블록을 정의합니다. Throw : 사용자 정의 오류를 정의합니다. // 일반적인 try { Block of code to try } catch(err) { Block of code to handle errors } Please input a number between 5 and 10: Test Input ▶ Error 오류 Error Name Description EvalError eval()함수에서 에러 RangeError 범위를 벗어난 숫자 발생 ReferenceError 잘못된 참조 SyntaxError 구문..

▶ Set() Set()은 value들로 이루어진 컬렉션 Array와는 다르게 Set은 같은 value를 2번 포함할 수 없다. 따라서 Set에 이미 존재하는 값을 추가하려고 하면 아무 일도 없다. Method Description new Set() 새로운 Set을 생성 add() Set안에 있는 새 요소를 추가 delete() Set에 있는 요소 삭제 has() Set에 해당 요소가 있으면 true를 반환 forEach() Set 각 요소에 대한 콜백을 호출 values() Set의 모든 값이 있는 반복자 반환 Property Description size Set안에 있는 요소들의 수를 return ※ has()는 indexOf()보다 빠르다고 하지만, Set에는 index가 존재하지 않기 때문에 in..

▶ JavaScript 조건문(if else / else if) const time = new Date().getHours(); let greeting; // 시간이 10:00 미만이면 "Good morning" 인사말을 만들고, // 그렇지 않은 경우 시간이 20:00 미만이면 "Good day" 인사말을 만들고, // 그렇지 않으면 "Good morning"을 만듭니다. if (time < 10) {// 조건문1이 true이면 greeting = "Good morning"; } else if (time < 20) {// 조건문1은 false, 조건문2가 true이면 greeting = "Good day"; } else {// 조건문1,2 false greeting = "Good evening"; } ..

▶ JavaScript Date get Method const d = new Date();// 2022-03-01 기준 document.getElementById("demo").innerHTML = d.getTime();// 1646135932392 document.getElementById("demo").innerHTML = d.getFullYear(); // 2022 년 document.getElementById("demo").innerHTML = d.getMonth() + 1; // 3 월 let month = months[d.getMonth()]; document.getElementById("demo").innerHTML = month;// March 3월 document.getElementByI..

▶ JavaScript Data Type JavaScript의 데이터 유형에 대해서 말하자면, Number, String, Object, Array 등이 있다. JavaScript Strings You can use quotes inside a string, as long as they don't match the quotes surrounding the string: JavaScript Arrays Adding elements with high indexes can create undefined "holes" in an array. Array와 Object쓰는 방식에 대해 헷갈리시면 안됩니다. Array는 cars[0] 괄호 안에 index(숫자)만 사용이 가능하며 0부터 시작합니다. ▶ JavaScr..

jQuery의 목적은 웹사이트에서 JavaScript를 훨씬 더 쉽게 사용할 수 있도록 도와주는 경량 JavaScript 라이브러리입니다. jQuery를 이용하면 AJAX 호출 및 DOM 조작과 같은 JavaScript의 복잡한 많은 부분을 단순화시켜줍니다. * jQuery 라이브러리 기능 : HTML/DOM조작, CSS조작, HTML이벤트메소드, 효과 및 애니메이션, AJAX 등 JavaScript JavaScript Button jQuery jQuery Button 위의 소스는 JavaScript를 이용해서 의 text를 바꾸는 방법과 jQuery를 이용해서 바꾸는 방법을 비교해보았습니다. JavaScript JavaScript Button jQuery jQuery Button 물론 JavaScrip..