2025-04-30[31일차]

dong_c·2025년 4월 30일

수업정리

수업페이지

자바스크립트(js) 변수 선언 방식 3가지

var
변수 중복 선언 가능!(a 두개 만든다 -> 의미는 다르지만 둘 다 만들기 ok)

var 안유진 = "ive";
var 안유진 = "ive memver1"; 

(o)

변수 중복 선언 불가(let, const)

let
(값이 변할 수 있는 변수에 사용합니다)

let 안유진 = "ive";
let 안유진  = 'ive memver1';
(x)

const
변하지 않는 값(상수)을 선언할 때 사용

tmi)자바에서의 상수는 : final

const 안유진 = "ive";
const 안유진  = 'ive memver1';
(x)

요약

const: 변하지 않는 값을(상수) 선언할 때 사용
let: 변할 수 있는 값(변수)을 선언할 때 사용 -> but 변수 중복 선언 x
var: 변수 중복 선언 (o) 그래서 가능한 사용하지 않기/
중복 선언된 변수가 어떤 값을 가지고 있는지 헷갈림!

코드를 작성할 때는 가급적 const를 사용하고,
값이 변경될 필요가 있을 때만 let을 사용하는 것이 좋습니다.
var는 혼란을 일으킬 수 있으므로, 최신 JavaScript 코드에서는 피하는 것이 좋습니다.

but, let이 var보다 좋다는 건 알고 있음
아직까지도 회사 실무에서는 안타깝게도 var를 아직 많이 사용하고 있음
왜냐? 이전부터 사용했기에....

Js 제어문

자바와 거의 유사 ... PASS!

but, var let const의 차이를 인지하며 사용하기!

JS 함수(function)

방식1)

function YuJin( c , b) {
  console.log("아이브");
}

YuJin(23,"걸그룹");

방식 2)

let b = function(){
  console.log("b");
}

b();

방식3-1)

누르면 출력되게 만들기...

let a = document.querySelector('div');

a.addEventListener('click', function() {
  console.log("a");
})

방식3-2)

누르면 출력되게 만들기(화살표 함수)

let a = document.querySelector('div');

a.addEventListener('click',()=>{
  console.log("a");
})

화살표 함수 / = 자바의 람다식 표현방법

... 보안에 신경 써야 하는 경우는 변수 타입 const로
(제대로 못봤기에 함수 유튭 영상 다시봐서 정리하기!)

tmi 타임)

바닐라 자바스크립트
= 순수한 자바스크립트 문법...

그러나 우리는 JQuery(제이쿼리) 사용할 예정
바닐라에 비해서 난이도가 쉬움!

but 상당히 편하지만 무겁다는 단점 존재

그리고 너무 쉽다보니 개발을 처음 배우는 사람들이 자바스크립트를
모르는데 제이쿼리만 쓸 줄 아는 상태가 된다...
제이쿼리는 디버깅이 힘듬 ㅠㅠ
문제해결 능력이 전무함...

자바와 자바스크립트의 this 차이 인지하기

feat. 코알누 유튭 시청 요망

제이쿼리랑 바닐라 쓸때 주의점.차이점 인지하기

자바스크립트 쓸 때 주의 사항
jquery를 쓸 때 주의사항

$(documment).ready(function(){

})

--> 축약표현

$(function(){

})

코딩초보