지금도 개발중

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 ..

스택(Stack)과 큐(Queue)는 프로그래밍에서 자주 사용되는 선형 자료구조로, 데이터의 삽입과 삭제 순서가 서로 다릅니다.1. 스택(Stack)스택은 후입선출(LIFO, Last In First Out) 원칙을 따르는 선형 자료구조로,데이터의 삽입(push)과 삭제(pop)가 한쪽 끝(top)에서만 이루어집니다.이는 책을 쌓아 놓고 가장 위에 있는 책을 먼저 꺼내는 것과 같이 마지막에 추가된 요소가 가장 먼저 제거됩니다.1) 주요연산'push' : 스택의 최상단(top)에 요소 추가'pop' : 최상단 요소 제거 및 반환'peek' /  'top' : 최상단 요소 확인 (제거하지 않음)'isEmpty' : 스택이 비었는지 확인# 배열기반 : 고정된 크기로 구현이 간단하지만, 동적 크기 조절이 어려움..

// 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..