JavaScript 자바스크립트 템플릿 리터럴 (Template Literals) 사용법

javascript

템플릿 리터럴이란? 템플릿 리터럴은 ES6(ES2015)에서 도입된 새로운 문자열 표현 방식입니다. 이전의 자바스크립트에서는 문자열을 작성할 때 주로 작은따옴표(‘)나 큰따옴표(“)를 사용했습니다. 하지만 템플릿 리터럴은 백틱(`)을 사용하여 문자열을 표현합니다. 템플릿 리터럴의 가장 큰 특징은 문자열 내에 변수나 표현식을 삽입할 수 있다는 점입니다. 이를 통해 코드의 가독성을 높이고, 문자열 조작을 보다 쉽게 할 수 있습니다. 템플릿 리터럴 장점 간결성과 … Read more

JavaScript 자바스크립트 var, let, const 변수 차이점

javascript

자바스크립트 변수 자바스크립트는 동적 타입 언어로, 변수 선언에 있어서 유연함을 제공합니다. 이러한 유연함 속에서 var, let, const라는 세 가지 키워드는 각기 다른 특성을 지니고 있습니다. 최근의 모던 자바스크립트 개발에서는 var의 사용을 지양하고 let과 const를 선호하는 추세입니다. 이 글에서는 이들 키워드의 차이점을 살펴보고, 왜 현대 자바스크립트 개발에서 var보다 let과 const를 더 많이 사용하는지에 대해 설명하겠습니다. var의 … Read more

JavaScript 모던 자바스크립트의 특징

javascript

개발일지 이번 주에는 모던 자바스크립트를 학습하는 시간을 가졌습니다. 과거에 이미 자바스크립트를 학습한 경험이 있어, 이번 학습은 복습의 개념으로 접근했습니다. 기본기의 중요성을 잘 알기에, 꾸준한 학습을 통해 더욱 탄탄한 기본기를 쌓으려 합니다. 이 글에서는 모던 자바스크립트에 대해 간단히 정리해보겠습니다. 모던 자바스크립트란? “모던 자바스크립트(Modern JavaScript)”는 최신 기능, 표준, 개발 방법론을 포함하는 자바스크립트의 현대적인 사용 방식을 가리킵니다. 이는 … Read more

jQuery 제이쿼리 클릭 (click) 이벤트 발생 시키기

jquery

jQuery 클릭 이벤트 jQuery는 웹 개발자들이 자주 사용하는 라이브러리 중 하나로, DOM 요소를 쉽게 조작하고 이벤트를 처리할 수 있게 해줍니다. 이 글에서는 jQuery에서 클릭 이벤트를 발생시키는 방법과 on(‘click’)과 .click 메소드의 차이점에 대해 알아보겠습니다. 기본 구조 제이쿼리에서 클릭 이벤트를 추가하는 기본 구조는 다음과 같습니다. 💡여기서 $(선택자)는 클릭 이벤트를 적용할 HTML 요소를 선택하는 부분입니다. function() 내부에는 클릭 … Read more

jQuery 제이쿼리 이벤트 (Event) 종류 및 설명

jquery

jQuery 이벤트란? jQuery 이벤트란 웹 페이지에서 사용자의 행동에 반응하여 특정 동작을 수행하도록 하는 프로그래밍 메커니즘입니다. 이는 웹 페이지 상에서 발생하는 다양한 사용자 상호작용, 예를 들어 클릭, 키보드 입력, 마우스 이동, 폼 제출 등에 반응하는 방식을 말합니다. jQuery는 자바스크립트 라이브러리로, 이벤트를 쉽고 효율적으로 다룰 수 있는 다양한 메소드를 제공합니다. 이를 통해 개발자는 복잡한 자바스크립트 코드를 작성하지 … Read more

jQuery 제이쿼리 선택자 (Selector) 종류 정리

jquery

jQuery 선택자란? jQuery 제이쿼리 선택자란 jQuery 라이브러리에서 제공하는 기능으로, 웹 페이지 내의 HTML 요소들을 선택하기 위한 패턴입니다. 이를 사용하여 특정 요소를 식별하고, 그 요소에 대해 다양한 작업(스타일 변경, 텍스트 수정, 이벤트 핸들링 등)을 수행할 수 있습니다. jQuery 선택자 종류 jQuery 선택자 표와 예제 기본 선택자 선택자 예제 설명 요소 선택자 $(‘p’) 모든 <p>요소를 선택합니다. ID … Read more

jQuery 제이쿼리란? 바닐라(순수) 자바스크립트와 비교

jquery

개발일지 이번 주에는 프론트엔드 개발 과정에서 jQuery를 배우게 되었습니다. 이미 바닐라(순수) 자바스크립트에 대한 학습 경험이 있었기 때문에, jQuery는 저에게 매우 익숙하고 편안하게 느껴졌습니다. 바닐라(순수) 자바스크립트에서 jQuery로 기존에 바닐라(순수) 자바스크립트를 공부하며 웹 개발의 기본을 탄탄히 다진 터라, jQuery의 구조와 문법은 직관적으로 이해되었습니다. 자바스크립트의 복잡한 DOM 조작과 이벤트 처리가 jQuery에서는 몇 줄의 간결한 코드로 해결되는 것을 보며, … Read more

Java 자바 알고리즘 스택, 큐, 그래프, DFS, BFS 개념 정리

java

개발일지 알고리즘 문제를 풀면서 중요한 자료구조와 메소드들을 정리해가고 있습니다. 이러한 과정들을 통해 기존 지식을 되짚어보고 새로운 통찰력을 얻고 있습니다. 문제를 하나씩 해결해 가면서 제 실력이 점점 향상되고 있다는 것을 느끼고 있습니다. 하지만, 더욱 능력을 키우기 위해서는 다양한 문제들에 도전하는 것이 필요하다고 생각합니다. 이러한 목표를 달성하기 위해 지속적으로 문제를 풀고, 그 과정을 블로그에 기록할 예정입니다. 이번 … Read more

Java 자바 알고리즘 정렬, 검색, 재귀 함수, 리스트(List) 정리

java

개발일지 자바 알고리즘 공부를 꾸준히 하고 있습니다. 난이도가 높아질수록 문제를 푸는 데 걸리는 시간이 길어지고 있지만, 다양한 유형의 문제를 접하며 실력이 점차 향상되고 있음을 느낍니다. 많은 문제를 풀어보면서 깨달은 것은, 문제를 신속하게 파악하고 해결 방법을 찾아내는 것이 중요하다는 것입니다. 앞으로도 알고리즘 문제 풀이를 블로그에 지속적으로 게시할 예정입니다. 문제를 풀어본 후, 그 경험을 글로 작성하는 과정을 … Read more

Java 자바 알고리즘 공부 방법 좋은 알고리즘이란?

java

개발일지 이번 주는 자바 알고리즘에 대해 학습하였습니다. 자바 언어에 대한 기본적인 이해를 바탕으로 자료구조와 알고리즘을 학습하고, 문제를 해결하는 과정에서 많은 것을 배우고 있습니다. 이번 개발일지를 통해 알고리즘에 대해 간략하게 정리하고 공부 방법에 대해 작성해보려 합니다. 자바 자료구조 학습 첫째로, 자바에서 제공하는 다양한 자료구조들을 학습했습니다. 배열, 리스트, 스택, 큐, 맵 등과 같은 자료구조들의 특성과 사용법을 익히고, … Read more