JAVASCRIPT 뜻
UX(USER EXPENIENCE) - 사용자 경험
객체지향 프로그래밍 - 데이터와 함수를 객체라는 그룹으로 묶어서 처리하는 것
동적 타이핑 - 데이터 타입이 런타임 시점에 지정
변수의 5가지 주요 개념
- 변수 이름: 저장된 값의 고유이름
- 변수 값: 변수에 저장된 값
- 변수 할당: 변수에 값을 저장하는 행위
- 변수 선선: 변수를 사용하기 위해 컴퓨터에 알리는 행위
- 변수 참조: 변수에 할당된 값을 읽어오는 것
type string일때
- '문자' + '숫자' / null / undefined
//문자와 +하면 모두 string으로 나온다.
type number일때
- '숫자' - / null / '문자' / undefined
//숫자와 - 또는 또는 / 한다면 NUMBER또는 NaN로 나온다.
String method
- str1.concat(str2) // str1과 str2를 합친다.
- str.substring(7) // 7번째부터 보여준다.
- str.slice(7, 12) // 7번째부터 12번째까지 보여준다.
- str.search('world') // 몇 번째에 시작하는지 보여준다.
- str.replace('world', 'javascript') // world를 js로 바꿔준다.
- str.split(',') , 기준으로 나누고 배열로 반환한다.
Array method
- arr.push('1') // 마지막에 넣어준다.
- arr.pop() // 마지막을 빼준다.
- arr.shift() // 첫번째를 빼준다.
- arr.unshift('1') // 첫번째에 넣어준다.
- arr.splice(1,1,'포도') // 1번째부터 1을 빼주고 포도를 집어넣는다.
- arr.slice(0,1) // 0번째부터 1나를 가져오고 새로운 배열로 반환한다.
삼항 연산
- num > 조건 ? true : false
switch 문
- switch(fruit){
case '사과':
console.log('사과입니다')
break;
default:
console.log('아무것도 아니다')
break;
}
case문에 맞는 것을 실행
default는 아무것도 아닐 때 실행
class 함수
- function Person(name, age){
this.name = name,
this.age = age,
}
// 앞글자를 대문자로 실행
const person1 = new Person('홍길동', 20);
// new를 사용하여 함수를 받아온다.
객체
- key 값 // Object.keys(person1)
- value 값 // Object.values(person1)
- 객체 전체 값 // Object.entries(person1)
- 객체 복사 // Object.assign(빈 배열, person1, {age:31} - 빈 배열에 person1을 넣어주고 age를 31로 바꿔줌.
객체 for in
- for (let key in person) {
console.log(key + ":" + person[key]);
}
// key값과 value값을 받아올 수 있다.
while문과 do.while문
- while 조건에 맞을때까지 실행한다.
- do.while 조건에 맞기 전에 한번은 실행한다.
전개 연산자
{...person1} 객체를 문자로 풀어준다.
콜백함수 받는 method
- numbers.forEach((number)=> {console.log(number)})
// numbers 배열을 하나씩 풀어서 찍어준다. - numbers.map((number)=>{ return number})
// numbers 배열을 하나씩 return 해준다. 새로운 배열로 반환. - numbers.filter((number)=>{return number > 5})
// number가 5보다 큰 것을 찾아 새로운 배열로 리턴해준다. - numbers.find((number)=>{return number > 3})
// number가 3보다 큰 것을 찾아 하나만 리턴해준다.
숙제 알고리즘
- sings가 true라면 absolutes양수 false라면 absolutes음수 값을 더해준다.
function solution(absolutes, signs) {
var answer = 0;
for (let i = 0; i < absolutes.length; i++) {
if (signs[i] === true) {
absolutes[i];
console.log(absolutes[i]);
} else if (signs[i] === false) {
absolutes[i] = absolutes[i] - absolutes[i] * 2;
console.log(absolutes[i]);
}
answer += absolutes[i];
}
return answer;
}
console.log(solution([1, 2, 3, 5, 4], [false, false, true, true, false]));
-
s값이 p와 y가 개수가 같다면 true 다르다면 false
function solution(s) {
var answer = true;
let num = 0;
for (let i = 0; i < s.length; i++) {
s = s.toUpperCase();
if (s[i] === "P") {
num++;
}
if (s[i] === "Y") {
num--;
}
}
if (num === 0) {
answer = true;
} else {
answer = false;
}return answer;
}
console.log(solution("ppPPPYYyyy"));
개발 경험치 쌓는 곳