본문 바로가기

frontend3

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

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

HTML 기본기 다지기 웹 개발을 시작할 때 가장 먼저 배우는 것이 HTML입니다.HTML은 웹 페이지의 뼈대를 구성하는 언어로, 모든 웹 사이트는 결국 HTML 위에 쌓여 있어요.이번 글에서는 HTML의 기본 구조부터 주요 태그, 시맨틱 태그, 그리고 폼 태그까지 깔끔하게 정리해 볼게요.✅ HTML의 기본 구조 이해하기HTML 문서는 기본적으로 다음과 같은 구조를 가지고 있어요. Hello, HTML! 태그 설명 HTML5 문서임을 선언 HTML 문서의 시작과 끝을 감쌈 문서 정보를 담는 영역 (제목, 인코딩, 메타정보 등) 화면에 실제로 보여지는 콘텐츠 영역 🏷️ 주요 HTML 태그 소개HTML에는 정말 다양한 태그가 있지만, 자주 쓰이는 기본 태그 몇 가지만 먼저 익혀볼게요.?.. 2025. 4. 9.

이전 1 다음

티스토리툴바