앱개발 종합반 1주차
주요내용 요약
-
Chrome - F12 - Console 탭
-
F5 누르면 새로고침 되고 할당된 변수도 리셋됨
-
개발에서는 "첫번째로 보이는 값"을 "0번째 값"이라 함
let a_list=[1,2,3,4,'coco',6,7,'mong']
console.log(a_list[4])
--> coco-
앞으로 배울 "JSON 데이터"는
이와 같이 List와 Dictionary의 복합구조를 가짐 -
가능한 developer.mozilla.org 출처 자료를 활용할 것!
- 함수를 쓸 때 대문자(camel case)를 반드시 지켜서 써줘야 함.
지키지 않으면 아래와 같이 오류가 난다.
let myname = "cocomong"
console.log(myname.touppercase())
▶ Uncaught TypeError: myname.touppercase is not a function
at <anonymous>:2:20
(anonymous) @ VM421:2- 앞서 지정한 함수명을 정확히 입력하자. 대소문자 포함 오타 주의!
funcNum(10,20)
▶ 30-
조건문에는 if, else if, else 함수를 쓴다.
-
else if로 조건을 여러개 추가할 수 있다.
-
조건문은 순서가 중요한 듯. 단계별로 조건을 할당해야 한다.
그렇지 않으면 부적절한 값이 도출된다.
function is_adult(age){
if(age > 20){
console.log("성인")
}else if(age > 7) {
console.log("초등학생")
}else if(age > 13) {
console.log("중학생")
}else if(age > 16) {
console.log("고등학생")
}else{
console.log("어린이")
}
}
is_adult(15)
▶ 초등학생 <=============== 원래는 중학생으로 나와야 맞잖아?-
AND 조건은 && 을 쓴다.
-
OR 조건은 || 을 쓴다.
-
반복문은 for 함수를 쓴다.
범위를 지정할 때는 ; (세미콜론) 을 꼭 써줘야 함
for (let i=0; i<10; i++)
- i=0; : i는 0 번째부터
- i<10; : 10번째 미만(9번째)까지
- i++ : 1씩 증가시킨다.- console.log를 통해 보여주는 대상은
if 조건문에 해당하는 값을 표시하고자 하므로
if 함수, 즉, if(){} 안에 적어야 한다.
만약 if 함수 밖에 쓰면 조건에 따른 값은 표시되지 않는다.
for (let i = 0 ; i < scores.length ; i++) {
if(scores[i]['score'] < 70){
}
console.log(scores[i])
}
▶ {name: '철수', score: 90}
▶ {name: '영희', score: 85}
▶ {name: '민수', score: 70}
▶ {name: '형준', score: 50}
▶ {name: '기남', score: 68}
▶ {name: '동희', score: 30}- if 조건문을 써서 참인 경우 하나씩 증가시키게 함.
if(fruit == "딸기"){
count +=1
}- count 함수를 for 반복문 밖으로 빼야 함.
(안 그러면 count가 for 반복문 돌때마다 0으로 돌아가서 count+=1에 따라 2만 결과값으로 나옴)
let count = 0
for(let i=0; i<fruit_list.length; i++){
let fruit = fruit_list[i]
if(fruit == "딸기"){
count +=1
}
}
console.log(count)
▶ 2-
리스트와 딕셔너리 복합구조에서도 동일하게
for 반복문과 if 조건문을 활용해서 원하는 값을 도출! -
blog 자료에서 owner 데이터값을 가져오라고 할 때 아래 두 가지 방법으로 쓸 수 있음
let owner = blog["owner"]
=
let owner = blog.owner 같은 의미임- 비구조 할당방식으로 변수를 만드려면 중괄호에 변수를 쓰면됨 (이 때 자료에 있는 키 값과 동일하게 변수 이름을 지정해야함)
let owner = blog.owner
let getPost = blog.getPost()
=
let { owner, getPost } = blog; 같은 의미임- 큰 문자열 안에 중간중간에 바뀌어야 하는 값이 있는경우
백틱 안에서 ${ } 로 바꿀수 있다.
let name = "코코몽"
let str = "제 이름은 " + name + " 입니다"
console.log(str)
▶ 제 이름은 코코몽 입니다
=
let str2 = `제 이름은 ${name} 입니다`;
console.log(str2)
▶ 제 이름은 코코몽 입니다Q. 궁금증: a%b만 써도 6이란 값이 나오는데 console.log()함수를 굳이 쓰는 이유가 뭘까?
_
A. "크롬 개발자 콘솔"에서는 console.log()를 안쓰고 변수만 쓴 후 엔터를 쳐도 값이 나오긴 함!
그러나 실제 우리가 2주차부터 본격 앱을 만들땐,
console.log() 를 써야 로그창에서 확인하려는 변수값을 볼 수 있게 됨!
Q. 궁금증: 처음에 예시를 따라 작성 했는데 계속 괄호 에로가 떴다.
괄호의 들여쓰기 문제인가? 아래 코드에서 뭐가 문제지?T_Tfunction get_sum(n){ let sum = 0; for(let i=0; i<n, i++){ sum = sum + i } return sum } let result = get_sum(100) console.log(result) ▶ Uncaught SyntaxError: Unexpected token ')'A. 위의 for 반복문을 살펴보면 i<n 뒤에 세미콜론(;)이 아니라 컴마(,)가 적혀 있음.
for 반복문에서는 세미콜론(;)으로 범위를 지정하는 것이야!!!
TIP
https://www.diffchecker.com/ 에서 코드 비교 가능함
