해보자고

참고 문헌: https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN메타데이터는 스타일, 스크립트, 각종 소프트웨어(검색 엔진, 브라우저 등)의 탐색 및 렌더링을 도와줄 데이터 등 페이지에 대한 정보를 가집니다. 스타일과 스크립트 메타데이터는 페이지 안에developer.mozilla.org 참고 강의: https://www.inflearn.com/course/%EA%B2%AC%EA%B3%A0%ED%95%9C-%EA%B8%B0%EB%B3%B8%EA%B8%B0-html-css/dashboard 견고한 기본기 HTML&CSS 강의 | 제주코딩베이스캠프 - 인프런제주코딩베이스캠..

(VScode 사용시 ! + tab을 통해 일반적인 html 구성 요소 생성 가능.)  위니브 첫 강의 수강     name="description" 예시

1. 객체란?다양한 속성의 데이터를 하나의 변수에 저장할 수 있는 데이터 자료형으로 자료형 중 비원시 타입에 속한다.  객체를 생성하는 방법은 2가지이다. 1. 객체 생성자 방식new 키워드 사용.let person = new Object();console.log(person);  2. 객체 리터럴 방식{} 키워드 사용.let person = {};console.log(person); 2. 객체 프로퍼티 생성후 console.log로 객체를 확인해보면 아래와 같이 {} 만 출력된다.  이는 객체 내부에 들어가는 아직 데이터를 추가하지 않아 발생하는데, 객체 내부에 들어가지는 이 데이터를 객체 프로퍼티라고 한다. 객체 프로퍼티는 key : value 의 쌍 형식의 구성이 기본인데, 중요한 특징은 아래와 같..

1. 함수 선언식형식: function 함수명() { 함수 내용 }- 호이스팅 Ofunction print_animal() { // 함수 선언식 console.log("Dog!");}print_animal(); // 함수 호출 2. 함수 표현식형식: 변수 타입 변수명 = function () { 함수 내용 }- 호이스팅 X let print_animal = function() { // 함수 표현식 console.log("Dog"!);}print_animal(); // 함수 호출 3. 화살표형 함수 형식: 변수 타입 변수명 = () => { 함수내용 } - 함수 표현식에서 fucntion 키워드를 사용하지 않고, 대신 => 키워드를 통해 변수에 함수를 값 처럼 저장- 호이스팅 X- 간결한 함수 표현 방식l..

1. 호이스팅 아직 선언되지 않은 함수나 변수들을 해당 스코프의 맨 위로 끌어올려 사용하는(것 처럼 보이는) 작동 방식.자바스크립트의 기본 성질변수, 함수 선언 후 접근 하는 코드가 바람직함.호이스팅 많이 발생하는 코드는 가독성이 좋지 않아 오류를 발생시킬 수 있음. 1. 함수 호이스팅 : 함수 선언의 유효 범위를 최상단으로 끌어올려서 작동하는 것. print();function print() { console.log("Hello World!");} -> 자바스크립트 엔진이 print() 호출이 선언문보다 아래에 있다고 받아들임.   2. 변수 호이스팅: 변수의 선언문을 스코프의 최상단으로 올려 해석하여 작동하는 것. console.log(name);var name = "cat";// 자바스크립트가..

1. 스코프란? 변수, 함수 생성시 해당 변수, 함수가 갖게 되는 유효 범위   1.1 전역 스코프(Global Scope): 어디서든 변수에 접근 가능한 범위  1.2 지역 스코프(Local Scope): 지역을 벗어난 곳에서는 접근 불가능한 범위  const num = 10;function print() { const num = 100; console.log(`지역 스코프 ${num}`);}print()console.log(`전역 스코프 ${num}`);   => print()를 통해 호출된 num은 지역 스코프, 함수 외부의 num은 전역 스코프를 지님. 1.2.1 블록 스코프: 같은 블록에서만 접근 가능한 범위  function print() { for(let i = 0; i   ..

1. 함수 같은 동작을 하는 중복된 코드가 다양하게 존재할 때 이들을 묶어 하나의 명령으로 실행할 수 있게 해주는 기능. 수정이 용이하고, 코드 재사용성이 좋다. 함수 선언: function 함수이름(인자) { (동작) } 함수 호출: 함수이름(인자) function sub(num1, num2) { // 함수 선언 console.log(num1 - num2); } sub(3,1); // 함수 호출 // 결과값: 2 1.1 return문 함수 실행의 결과 값을 이용해 다른 작업을 하고 싶을 때 사용. return문 형식: return (반환할 값) function add(num1, num2) { return num1 + num2; } console.log('두수의 결과값: ' + add(10, 15) + ..

0. 간단한 조건문 개념 1. if - else if 조건문 여러 조건에 따라 서로 다른 코드를 실행할 때 사용되는 조건. let num1 = 5; if (num1 == 10) { console.log("num1 is 10"); } else if (num1 == 20) { console.log("num1 is 20"); } else { console.log(num1); } // 결과값: 5 2. switch ~ case 문 특정 값이 무엇인지에 따라 각각 다른 작업을 수행할 수 있는 조건문 switch 괄호 안의 변수값과 case문의 변수값이 같으면 해당 case문의 코드가 실행된다. let answer = 3; switch (answer) { case 1: console.log( answer + " i..