✏️ 2-2 Javascript 맛보기
-
동작 명령
-
브라우저가 유일하게 알아 듣는 프로그래밍 언어
-
브라우저에게 명령을 내리는 표준 언어
-
위치 :
<head></head>사이
✏️ 2-3 Javascript 기초 문법 배우기
🔑keyword : console
console.log('hello world') /*개발자들이 브라우저 콘솔 탭에서 확인할 수 있음*/결과
📝 변수의 길이 출력
let a = ['사과', '수박', '딸기', '감']
console.log(a.length) 값 : 4📝 특정한 값 출력 dictionary : {} / key-value : []
let a = [
{'name' : '영수', 'age' : 27},
{'name' : '철수', 'age' : 15},
{'name' : '영희', 'age' : 10}
]
console.log(a[0]['name']) // 값 : 영수✏️2-4 Javascript & JQuery 연습하기 (1)
🔑keyword : id , $('#id명)
function checkResult(){
alert('안녕하세요')
}결과
function checkResult(){
let a = '사과'
$('#q1').text(a)
/* <div id="q1">테스트</div> */결과 :
button클릭하면 [2. 리스트] 내용 변경
<script>
function checkResult(){
let a = ['사과','배','감','귤']
$('#q1').text(a[0])
$('#q1').css('color','red')
}
</script>결과
✏️2-5 Javascript & JQuery 연습하기 (2)
📝 반복문
let fruits = ['사과','배','감','귤']
fruits.forEach((a) => {
console.log(a)
})
결과
📝 조건문
let age = 24
if (age>20) {
console.log('성인입니다')
} else {
console.log('청소년입니다')
}📝 반복문 + 조건문
let ages = [12, 14, 20, 25, 17, 37, 24]
ages.forEach((a) => {
if (a > 20) {
console.log('성인입니다')
} else {
console.log('청소년입니다')
}
})
결과
✏️ 2-6 JQuery 연습하기
🔑keyword : 백틱(``), .forEach, .append, .empty
function checkResult() {
let fruits = ['사과','배','감','귤','수박']
fruits.forEach((a) => {
let temp_html = `<p>${a}</p>`
$('#q1').append(temp_html)
})
}결과
✏️ Fetch
- URL을 통해 데이터를 받아 옴
📝 기본 골격
fetch("여기에 URL을 입력").then(res => res.json()).then(data => {
console.log(data)
})✔️ 2주차 후기
- Javascript, JQuery... 어렵다.
- (내기준) 1주차와는 달리 난이도가 급상승
- 그래서 진도가 루즈해짐
- Fetch부터 블로그에 쓸 말이 급격히 사라짐
- 시간 날 때 마다 한 번 더 복습해야겠음
- 사실 이것도 두번씩 들은거임ㅎ
반갑습니다