개발 블로그
suover 
자바스크립트 클래스란? 자바스크립트에서 클래스란 객체를 생성하는 템플릿입니다. 클래스를 사용하면 비슷한 객체를 쉽게 여러 개 만들 수 있으며, 코드의 재사용성과 유지보수가 용이해집니다. ES6 이전에는 프로토타입 기반 상속을 사용했지만, ES6부터는 클래스 기반의 문법이 도입되어 객체 지향 프로그래밍이 더욱 명확하고 직관적으로 이루어지게 되었습니다. 클래스의 특징 자바스크립트에서 클래스는 객체 지향 프로그래밍을 구현하는 데 사용되는 구조입니다. 클래스는 데이터와 이 데이터를 … Read more
자바스크립트 Map, Set 자바스크립트의 Map은 키-값 쌍을 저장하는 컬렉션으로, 어떠한 타입의 키(객체, 함수, 원시 타입 등)도 사용할 수 있으며, 삽입 순서를 유지합니다. 각 키는 유일하며 set, get, delete 등의 메소드로 데이터를 관리합니다. 반면, Set은 중복 없는 유일한 값을 저장하는 컬렉션으로, 주로 데이터의 존재 여부를 빠르게 확인할 때 사용됩니다. Set은 add, has, delete 메소드를 통해 요소를 … Read more
전개 구문이란? 자바스크립트의 전개 구문(Spread Syntax)은 ES6에서 도입된 자바스크립트의 문법으로, 배열이나 객체의 요소를 하나씩 분리하여 사용할 수 있게 해줍니다. 문법적으로는 세 개의 점(…)을 사용합니다. 이 구문은 배열 또는 객체를 확장하거나 복사할 때 유용하게 사용됩니다. 전개 구문의 특징 자바스크립트의 전개 구문(Spread Syntax)은 배열이나 객체의 요소들을 하나의 공간에서 확장하여 사용할 수 있게 하는 문법적 특성을 가지고 있습니다. … Read more
구조 분해 할당(Destructuring Assignment) 자바스크립트 구조 분해 할당(Destructuring Assignment)은 자바스크립트에서 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 할당할 수 있게 하는 표현식입니다. 이 기능은 ES6에서 도입되었으며, 코드를 더 간결하고 가독성 있게 만듭니다. 구조 분해 할당은 코드를 간결하게 만들고, 필요한 데이터만을 선택적으로 추출할 수 있게 해줍니다. 이는 특히 함수의 매개변수 처리나, 여러 소스에서 데이터를 조합할 … Read more
템플릿 리터럴이란? 템플릿 리터럴은 ES6(ES2015)에서 도입된 새로운 문자열 표현 방식입니다. 이전의 자바스크립트에서는 문자열을 작성할 때 주로 작은따옴표(‘)나 큰따옴표(“)를 사용했습니다. 하지만 템플릿 리터럴은 백틱(`)을 사용하여 문자열을 표현합니다. 템플릿 리터럴의 가장 큰 특징은 문자열 내에 변수나 표현식을 삽입할 수 있다는 점입니다. 이를 통해 코드의 가독성을 높이고, 문자열 조작을 보다 쉽게 할 수 있습니다. 템플릿 리터럴 장점 간결성과 … Read more
자바스크립트 변수 자바스크립트는 동적 타입 언어로, 변수 선언에 있어서 유연함을 제공합니다. 이러한 유연함 속에서 var, let, const라는 세 가지 키워드는 각기 다른 특성을 지니고 있습니다. 최근의 모던 자바스크립트 개발에서는 var의 사용을 지양하고 let과 const를 선호하는 추세입니다. 이 글에서는 이들 키워드의 차이점을 살펴보고, 왜 현대 자바스크립트 개발에서 var보다 let과 const를 더 많이 사용하는지에 대해 설명하겠습니다. var의 … Read more
개발일지 이번 주에는 모던 자바스크립트를 학습하는 시간을 가졌습니다. 과거에 이미 자바스크립트를 학습한 경험이 있어, 이번 학습은 복습의 개념으로 접근했습니다. 기본기의 중요성을 잘 알기에, 꾸준한 학습을 통해 더욱 탄탄한 기본기를 쌓으려 합니다. 이 글에서는 모던 자바스크립트에 대해 간단히 정리해보겠습니다. 모던 자바스크립트란? “모던 자바스크립트(Modern JavaScript)”는 최신 기능, 표준, 개발 방법론을 포함하는 자바스크립트의 현대적인 사용 방식을 가리킵니다. 이는 … Read more
jQuery 클릭 이벤트 jQuery는 웹 개발자들이 자주 사용하는 라이브러리 중 하나로, DOM 요소를 쉽게 조작하고 이벤트를 처리할 수 있게 해줍니다. 이 글에서는 jQuery에서 클릭 이벤트를 발생시키는 방법과 on(‘click’)과 .click 메소드의 차이점에 대해 알아보겠습니다. 기본 구조 제이쿼리에서 클릭 이벤트를 추가하는 기본 구조는 다음과 같습니다. 💡여기서 $(선택자)는 클릭 이벤트를 적용할 HTML 요소를 선택하는 부분입니다. function() 내부에는 클릭 … Read more
SWEA 3499 퍼펙트 셔플 문제 정보 문제 카드를 퍼펙트 셔플 한다는 것은, 카드 덱을 정확히 절반으로 나누고 나눈 것들에서 교대로 카드를 뽑아 새로운 덱을 만드는 것을 의미한다. N개의 카드가 있는 덱이 주어질 때 이를 퍼펙트 셔플하면 어떤 순서가 되는지 출력 문제 접근 큐를 사용하여 입력된 문자열을 인덱스의 홀,짝 여부에 따라 분리한 후 순서대로 배열에 저장하는 … Read more
SWEA 8931 제로 문제 정보 문제 재현이는 재민이를 도와서 동아리 장부를 관리하고 있다. 재현이는 영수증을 모아서 동아리의 지출 금액을 세고 있고, 재민이는 재현이가 부르는 액수를 순서대로 적고 있다. 재현이는 가끔 잘못된 수를 부르는 실수를 하는데, 이 때마다 0을 외쳐서, 가장 최근에 재민이가 쓰고 지우지 않았던 수를 지우게 시킨다. 재현이가 모든 수를 부른 후 재민이가 받아 … Read more