목록전체 글 (127)

지금도 개발중

Vue.js : Vue 개발환경 세팅하기

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 ..
프론트/Vue 2025. 2. 10. 13:55
선형 자료구조 : 스택(Stack)과 큐(Queue)에 대해 파악하기

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

// 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..
프론트/JavaScript 2024. 1. 8. 15:16
JavaScript : for문, forEach문 차이점

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

▶ 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 구문..
프론트/JavaScript 2022. 3. 16. 15:22
이전 Prev 1 2 3 4 ··· 26 Next 다음