JavaScript 검색 결과: 7 개 JavaScript - 변수의 선언 JavaScript에서 변수를 선언하는 방식은 var, let, const 세 가지 키워드를 통해 이루어진다.과거에는 var가 유일한 선택지였으나, ES6(ECMAScript 2015)부터 let과 const가 도입되면서 더욱 정교하고 안전한 변수의 관리가 가능해졌다. 이 글에서는 각 키워드에 대해 자세히 알아본다.1. var, 이제는 놔줘야 한다var은 JavaScript 초창기부터 사용된 변수 선언 키워드지만, 몇 가지 특징으로 인해 현대 JavaScript 개발에서는 사용을 지양하는 추세이다.1.1. 함수 레벨 스코프 (Function-level Scope)var로 선언된 변수는 함수 레벨 스코프를 가진다. 이는 변수가 선언된 함수 내에서만 유효하다는 의미다. 또한 코드 블록({})과는 관계 없이 .. 2025.07.28 언어 - Language/Web - JavaScript | TypeScript [멀티캠퍼스] 풀스택 개발자 아카데미 (6) - React React는 오늘날 웹 프론트엔드 개발에서 가장 중요한 기술 중 하나로 자리 잡았다. 페이스북이 개발한 이 자바스크립트 라이브러리는 사용자 인터페이스(UI)를 효율적으로 구축할 수 있도록 돕는다.1. 왜 React를 사용하는가?과거의 웹 개발은 웹페이지의 동적인 UI를 구현하기 위해 자바스크립트로 직접 DOM(Document Object Model) 엘리먼트를 하나하나 선택하고 조작해야 했다. 프로젝트의 규모가 커지고 UI가 복잡해질수록 수많은 DOM 요소를 직접 관리하는 것은 코드의 복잡도를 높이고 유지보수를 어렵게 만드는 주된 원인이었다.React와 같은 라이브러리/프레임워크는 이러한 문제를 해결하기 위해 등장했다. 개발자가 DOM을 직접 조작하는 대신, UI가 어떤 모습이어야 하는지를 선언적으로 정.. 2025.07.27 공부 | 연구 - Studies/Java 풀스택 아카데미 [멀티캠퍼스] 풀스택 개발자 아카데미 (5) - jQuery(2) 1. jQuery DOM 요소 조작1.1. DOM 요소 삽입/삭제 관련 메서드메소드설명text()글자와 관련된 내용을 반환하거나 설정html()HTML과 관련된 내용을 반환하거나 설정$(선택자).append(A)선택자의 내부 요소들 맨 뒤에 A를 삽입$(선택자).prepend(A)선택자의 내부 요소들 맨 앞에 A를 삽입$(A).appendTo(선택자)A를 선택자의 내부 요소들 맨 뒤에 삽입$(A).prependTo(선택자)A를 선택자의 내부 요소들 맨 앞에 삽입$(선택자).after(A)선택자 뒤에 A 삽입$(선택자).before(A)선택자 앞에 A 삽입$(A).insertAfter(선택자)A를 선택자의 뒤에 삽입$(A).insertBefore(선택자)A를 선택자의 앞에 삽입$(선택자).remove()해.. 2025.07.27 공부 | 연구 - Studies/Java 풀스택 아카데미 [멀티캠퍼스] 풀스택 개발자 아카데미 (4) - jQuery 1. jQueryjQuery는 2006년 존 레식(John Resig)이 디자인한 JavaScript 라이브러리로, 웹 개발을 훨씬 쉽고 효율적으로 만들어주는 강력한 도구다.약 100KB의 가벼운 용량으로 동적으로 HTML이나 CSS를 효과적으로 제어할 수 있으며, 모든 웹 브라우저에서 일관되게 동작하는 뛰어난 크로스-브라우저 호환성을 자랑한다.본 포스트에서는 jQuery의 기본 개념부터 이벤트 처리, DOM 조작, 그리고 시각적 효과 구현까지 자세히 다룬다.1.1. jQuery 시작하기1.1.1. jQuery 사용jQuery를 사용하려면 크게 두 가지 방법이 있다.jQuery File Download웹 애플리케이션 서버에 jQuery 파일을 직접 다운로드하여 사용하는 방식jQuery를 검색하고, 공식 .. 2025.07.21 공부 | 연구 - Studies/Java 풀스택 아카데미 Vite + ReactJS 프로젝트 시작하기 (ESLint/Prettier) 1. React는 무엇인가⚠️ 이 글은 JavaScript(TypeScript) 개발 또는 React 기본 문법에 익숙하고, React 프로젝트에 대한 고민에 적합한 글입니다. JS(TS)와 React를 처음 접하신다면 이 글은 어렵게 느껴지실 수도 있음을 알려드립니다. React는 Meta(구 Facebook)에서 사용자 인터페이스(UI)를 만들기위해 개발한 JavaScript 라이브러리이다. 많은 사람들은 React가 "프레임워크"로 알고 있는 경우가 많은데, 라이브러리와 프레임워크는 차이가 있다.React가 라이브러리로 분류가 되는 상세한 이유는 다음과 같다. 1. "React는 개발자에게 제어권을 주기 때문" 이다.또한, 필요한 것을 선택해서 사용하는 '도구' 의 역할을 하기 때문이다.React의.. 2025.07.18 프레임워크 - Framework/React [멀티캠퍼스] 풀스택 개발자 아카데미 (3) - JavaScript(2) 2025.07.15 - [공부 | 연구 - Studies/Java 풀스택 아카데미] - [멀티캠퍼스] 풀스택 개발자 아카데미 (2) - JavaScript [멀티캠퍼스] 풀스택 개발자 아카데미 (2) - JavaScript2025.07.14 - [공부 | 연구 - Studies/Java 풀스택 아카데미] - [멀티캠퍼스] 풀스택 개발자 아카데미 (1) - HTML/CSS [멀티캠퍼스] 풀스택 개발자 아카데미 (1) - HTML/CSS1. HTML오늘날, 우리가 보는 다채로운 웹bluenyang-dev.tistory.com 1. 배열(Array)배열은 여러 개의 데이터를 하나의 변수에 순서대로 저장하는 자료구조이다.각 데이터는 인덱스(index)로 구분하며, 인덱스는 0부터 시작한다.// 1. 빈 배열 생.. 2025.07.15 공부 | 연구 - Studies/Java 풀스택 아카데미 [멀티캠퍼스] 풀스택 개발자 아카데미 (2) - JavaScript 2025.07.14 - [공부 | 연구 - Studies/Java 풀스택 아카데미] - [멀티캠퍼스] 풀스택 개발자 아카데미 (1) - HTML/CSS [멀티캠퍼스] 풀스택 개발자 아카데미 (1) - HTML/CSS1. HTML오늘날, 우리가 보는 다채로운 웹 페이지들은 단순한 텍스트나 이미지의 나열이 아니다. 이들은 모두 HTML, CSS, Javascript의 요소로 이루어져있고, 이 기술들이 유기적으로 결합되어 만들어진bluenyang-dev.tistory.com 1. JavaScript자바 스크립트는 '웹 페이지에 생명을 불어넣는' 스크립트 언어이다.정적인 HTML 구조에 동적인 다음과 같은 기능들을 추가하여 사용자와 상호작용할 수 있게 만들어 준다.HTML 요소의 내용, 속성, 스타일을 동적으로.. 2025.07.15 공부 | 연구 - Studies/Java 풀스택 아카데미 이전 1 다음 더보기
