앱개발 종합반 1주차
3) 자바스크립트 기본제공 함수
필요한 함수는 구글링으로 검색(영어 검색)을 해보자
가능한 developer.mozilla.org 출처 자료를 활용할 것!
[ 나머지 구하기 ]
% : 나머지(나눗셈 했을 때 남은 수)를 구하는 함수
let a =20
let b = 7
console.log(a % b)
▶ 6Q. 궁금증: a%b만 써도 6이란 값이 나오는데 console.log()함수를 굳이 쓰는 이유가 뭘까?
[ 대문자로 표기 ]
소문자를 대문자로 바꾸고 싶은 경우 toUpperCase함수를 사용함.
console.log(myname.toUpperCase())
▶ COCOMONG함수를 쓸 때 대문자(camel case)를 반드시 지켜서 써줘야 함.
지키지 않으면 아래와 같이 오류가 난다.let myname = "cocomong" console.log(myname.touppercase()) ▶ Uncaught TypeError: myname.touppercase is not a function at <anonymous>:2:20 (anonymous) @ VM421:2
[ 문자열 나누기 ]
split 함수를 쓰면 됨
ex) 이메일 주소에서 아이디만 뽑아내고 싶은 경우
let email = "cocomong@gmail.com"
console.log(email.split('@'))
--> (2) ['cocomong', 'gmail.com']그럼 어떤 도메인을 쓰는지 알고 싶으면 어떻게 함수 쓰면 될까?
0번째가 아이디(cocomong)였고, 1번째가 도메인(gmail.com)이었으니까 1번째 값을 표시하면 되겠지
console.log(email.split('@')[1])
▶ gmail.com또 한번 나눌수 있다는 점
console.log(email.split('@')[1].split('.'))
▶ (2) ['gmail', 'com']
undefined
console.log(email.split('@')[1].split('.')[1])
▶ com[ 문자열 합치기 ]
join 또는 concat함수를 이용한다.
let txt = "서울시-마포구-망원동"
let names = txt.split("-")
console.log(names)
▶ (3) ['서울시', '마포구', '망원동']
console.log(names.join('>'))
▶ 서울시>마포구>망원동4) 함수
이제 함수를 직접 만들어보자.
[ f(x) 형태 함수 방식 ]
- 만들기
function 함수이름(필요한 변수들) {
내릴 명령들을 순차적으로 작성
}
- 사용하기
함수이름(필요한 변수들);예시#1
function funcName(){
console.log("함수")
}
funcName()
▶ 함수예시#2
function funcNum(num1,num2){
console.log(num1+num2)
}
funcName(10,20)
▶ 함수
함수명을 정확히 입력하자.
funcNum(10,20) ▶ 30
예시#3
function sum(num1,num2){
console.log(num1,num2)
}
sum(10,20)
▶ 10 20
function sum2(num1,num2){
console.log(num1+num2)
}
sum(10,20)
▶ 10 20
또 틀렸지? 함수명을 정확히 입력하자.
sum2(10,20) ▶ 30
[ y= f(x) 형태 함수 방식 ]
지금까지는 단순히 f(x) 형태의 예시였고,
y=f(x)와 같은 형태로 y도 할당해보자.
function minus(num1,num2){
return num1-num2
}
let result = minus(100,10)
console.log(result)
▶ 90- y: result
- f: minus
- x: num1, num2
[ 리터럴 함수 방식 ]
변수(a)에 함수(function)를 정의해서,
변수가 함수역할을 할수 있게끔 하는 방식
let a = function(){
console.log("리터럴 함수 방식");
}
a()
▶ 리터럴 함수 방식KEEP
- 열심히 스온스에 참여하고 있다. 칭찬해~
PROBLEM
- 괄호 닫기 실수를 반복했다.
- 할당한 함수명을 헷갈리지 말자.
TRY
- 괄호 열 때 닫는걸 같이 써버리자
() {} 해놓고 안에 쓰면 되지 - 함수명 쓸 때 정신을 놓지 말자
특히 위쪽 화살표 눌려서 앞에 쓴 함수 그대로 활용하는 경우 주의할 것!!! 다시 한번 보자!!
