Javascript

조건문

조건을 제시하고 맞다면 그 값을 아니라면 다른값을 표시함

if ~ else ~ 로 표시됨 (직관적!!)

ex)
let age = 20;

if (age < 18) {console.log('청소년')};
else {console.log('성인')};

콘솔창에 성인으로 표시됨
age값을 18미만으로 변경시 청소년으로 표시됨

반복문

주제를 제시하고 그 값을 반복할때 씀

콘솔창에 일일이 값을 넣어서 반복할수 있지만 그 수가 많아지면(100개 1000개이상 되면 ?) 값을 일일이 넣기 힘듬

forEach 명령어로 해결 가능

ex)

이런식으로 반복할수 있지만 일일이 값을 넣어야함.. (수가 많아지면 넣기 힘듬 1~100이상 있다면..)
let number = [1,2,3,4];

console.log(number[0]);
console.log(number[1]);
console.log(number[2]);
console.log(number[3]);

콘솔창에 1,2,3,4가 찍힘

let number = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,...,100,...,1000];

number.forEach(a => {console.log(a)});

콘솔창에 1~1000까지 다 찍힘(forEach로 짧고 한방에 해결!!)

함수

특별한 목적의 작업을 수행하도록 설계된 독립적인 블록(이라고 하는데... 음... 지정하는거?)

function 이름() {}로 표현

ex)

function 이름() {
alert('안녕');
}

Button

설명하자면.. 어떤걸 지정해서 버튼을 눌러서 그 지정대상을 실행하는 것?..
ex에서 한것처럼 버튼을 누르면 안녕이 뜨게 된다.

함수는 더 써봐야 이해가 될듯 ?.. 일단은 지정하는거다 ?..

JQuery

누군가 만들어둔 자바스크립트를 가져옴 ?

JQuery CDN을 붙여넣고 사용

$('#이름') ,id="이름" 명령어로 실행함

쉽게 말해 id값을 주고 $('#이름')로 지정..(위랑 같은말..)

$('#이름').empty(); - 지우기

let temp_html = `` - 임시 html을 만들다 (백틱? 안에 태그 들어감)

$('#이름').append() - 붙여넣기

$('#이름').toggle() - 사라졌다 나왔다 해라 ("display: none;"했다가 풀었다 하는거)

$('#이름').val() - value값 가져와라

.....으아아아 어렵다 ㅠ..