본문 바로가기

javascript3

📘 자바스크립트(JavaScript) 기본 다지기 - Part 2 함수, 객체/배열, DOM, this, 실행 컨텍스트 완전 정복 자바스크립트의 기본기를 더 탄탄하게 만들기 위해, 이번 글에서는 실무에서 자주 마주치는 핵심 주제들을 다뤄볼게요.함수의 선언 방식부터, 객체와 배열의 활용, DOM 조작, 그리고 많은 개발자가 처음에 헷갈려하는 this, 실행 컨텍스트까지 함께 정리해 보겠습니다.✅ 함수의 다양한 선언 방식자바스크립트에서 함수를 선언하는 방식은 크게 세 가지가 있어요.🔹 함수 선언식 (Function Declaration)function sayHello() { console.log("안녕하세요!");}sayHello(); // ✅ 선언 전에도 호출 가능선언 전에 호출해도 작동해요.자바스크립트 엔진이 실행 전에 함수 선언을 호이스팅(끌어올림) 하기 때문이에.. 2025. 4. 27.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 16일차 오늘은 React나 jQuery 같은 라이브러리를 사용하지 않고,Vanilla JS(기본 JavaScript)만으로 DOM을 조작하고 UI를 구현하는 실습을 중심으로 진행됐다.기본기가 탄탄해야 어떤 도구를 쓰든 흔들리지 않는다는 말처럼, 이번 실습들은 단순하지만 꽤 의미 있는 시간이었다.📌 오늘 배운 주요 개념 정리DOM 제어 기본 HTML 요소를 직접 조작하는 방식 익힘getElementById, addEventListener, textContent, classList 등을 활용해jQuery vs Vanilla JS 비교코드 길이의 차이와 명확성의 차이를 비교할 수 있었다같은 동작을 두 방식으로 구현해 보며,fetch API로 JSON 불러오기.then()과 .catch()를 통해 데이터를 비동기적으.. 2025. 4. 24.

📘 자바스크립트(JavaScript) 기본 다지기 - Part 1 자바스크립트란 무엇인가? 변수, 스코프, 타입, 조건문까지 기초 완전 정복!✅ 자바스크립트란 무엇인가?자바스크립트(JavaScript, JS)는 웹페이지에 동적인 기능을 추가할 수 있는 프로그래밍 언어입니다.HTML이 구조, CSS가 스타일을 담당한다면, JS는 기능과 상호작용을 담당합니다.버튼 클릭 시 팝업 띄우기로그인 폼 유효성 검사서버에서 데이터 받아와 페이지에 렌더링애니메이션 효과 등현재는 브라우저를 넘어 Node.js 환경에서도 백엔드 개발까지 가능할 정도로 범용성이 넓어요.// 간단한 자바스크립트 예시console.log("Hello, World!"); // 콘솔에 텍스트 출력document.getElementById("demo").innerHTML = "환영합니다!"; // HTML 요소.. 2025. 4. 24.

이전 1 다음

티스토리툴바