자바스크립트 예제30문제

상현·2023년 10월 23일

내일배움캠프 자바스크립트 문법 2주차쯤 튜터님께서 지금까지 배운 문법을 활용한 기본 예제 30제를 만들어 주셨다.
간단했지만 기본 함수를 다시 다지기에는 좋았다.

1. 문자열 길이

// 입력받은 문자열의 길이를 구해서 result 값이 아래와 같이 출력되도록 함수를 완성해 보세요.
    
function getLengthOfString(str) {
// 이 부분에 코드를 작성하세요.
    console.log(str.length)
}
    
const result = getLengthOfString("abcde");
console.log(result); // 출력 결과: 5

2. 문자열 자르기

// 입력받은 문자열을 잘라서 result 값이 아래와 같이 출력되도록 함수를 완성해 보세요.
// 메소드는 slice 를 이용해 보세요.
    
function getToken(str) {
    // 이 부분에 코드를 작성하세요.
    console.log(str.slice(7))
}
    
const result = getToken("Bearer a012345");
console.log(result); // 출력 결과: 'a012345'

3. 문자열 대체

// 아래 결과와 같이 출력되도록 newStr에 들어갈 코드를 작성해 보세요.
    
const str = "I like coffee but I don't like coffee shop.";
    
const newStr = str.replace("coffee", "tea") //  replace 메소드를 이용하여 이 부분을 완성해 보세요.
    
console.log(newStr);
// 출력 결과: "I like tea but I don't like coffee shop."

4. 문자열 분할

// 아래 결과와 같이 출력되도록 newStr에 들어갈 코드를 작성해 보세요.
    
const str = "green/red/yellow/blue/white";
    
const splittedArr = str.split("/") // split 메소드를 이용하여 이 부분을 작성해 보세요.
    
console.log(splittedArr);
// 출력 결과: ["green", "red", "yellow", "blue", "white"]

5. 명시적 형변환 - 숫자 형변환

// 문자열을 입력받아도 result 값이 아래와 같이 출력되도록 함수를 완성해 보세요.
// if문과 typeof 키워드를 이용해야 합니다.
    
function add(a, b) {
    // 이 부분을 완성해 보세요.
    return [...arguments].reduce((acc, cur) => {
        if (typeof cur === "string") return acc + +cur;
            return acc + cur;
        }, 0);
    }
    
const result1 = add(5, "5");
const result2 = add("5", 5);
    
console.log(result1); // 출력 결과: 10
console.log(result2); // 출력 결과: 10

6. Truthy / Falsy

// 아래 함수는 배열을 입력받아서 배열 요소들 중 truthy한 요소들만 필터링하여 반환합니다.
// Truthy 란 boolean type을 기대하는 문맥에서 true 로 평가되는 값을 의미합니다.
// for문과 if문을 이용하여 작성해 보세요.
    
function getTruthyArray(arr) {
    const truthyArr = [];
    // 이 부분을 완성해 보세요.
    for (let i = 0; i < arr.length; i++) {
        if (arr[i])truthyArr.push(arr[i])
    }
    	
    return truthyArr;
}
    
const result = getTruthyArray( [ -1, 0, "", {}, [], null, undefined, NaN ] );
console.log(result); // 출력 결과: [-1, {}, []]

7. 연산자 - 홀수/짝수 구분

// 숫자 배열을 입력받아서 홀수의 값만 합치는 함수를 완성해 보세요.
// result 값이 아래아 같이 출력되어야 합니다.
// for문, if문, %(나머지) 연산자를 사용해 보세요.
    
function sumOdd(arr) {
    let sum = 0;
    // 이 부분을 완성해 보세요.
    for (let i = 0; i < arr.length; i++) {
        if (arr[i] % 2 === 1) sum += arr[i];
    }
    return sum;
}
    
const result = sumOdd( [1,2,3,4,5 ] );
console.log(result); // 출력 결과: 9

8. 논리연산자 `||`

// 아래의 결과와 같이 출력되도록 함수를 완성해 보세요.
    
function order(item, quantity, price) {
    // item, quantity, price 중 하나라도 입력이 되어 있지 않으면
    // '주문 정보를 모두 입력해주세요' 를 리턴합니다.
    // quantity 수량이 0이하면
    // '수량은 1개 이상 입력해주세요' 를 리턴합니다.
    // 위 두 가지 경우만 아닌 경우에만 아래와 같이 주문 완료 메시지를 출력합니다.
    // 이 부분에 코드를 작성해 보세요.
    if (!item || !quantity || !price) return "주문 정보를 모두 입력해주세요";
    if (quantity <= 0) return "수량은 1개 이상 입력해주세요";
    return `주문이 완료되었습니다. ${item} ${quantity}개를 ${quantity * price}원에 구매하셨습니다.`;
}
    
console.log(order('아이폰 12', 2, 1200000));
// 출력 결과: '주문이 완료되었습니다. 아이폰 12 2개를 2400000원에 구매하셨습니다.'
    
console.log(order('맥북 프로', -1, 2500000));
// 출력 결과: '수량은 1개 이상 입력해주세요'
    
console.log(order('아이패드 에어', 1, null));
// 출력 결과: '주문 정보를 모두 입력해주세요'

9. 논리연산자 `&&`

// 전통주 시음회가 있다고 가정합니다. 입장 티켓을 소유하고 나이 19세 이상이어먄 입장이 가능합니다.
// 2가지 조건을 모두 만족하는 지 검사하는 아래 함수를 완성해 보세요.
    
function checkAgeAndTicket(age, hasTicket) {
    // "Pass" 또는 "Fail" 을 반환해야 합니다.
    return (age >= 19 && hasTicket) ? "Pass" : "Fail";
}
    
const result1 = checkAgeAndTicket(19, true);
console.log(result1); // "Pass"
    
const result2 = checkAgeAndTicket(17, true);
console.log(result2); // "Fail"

10. 논리연산자 `||`

// 결제 카드에 따라 할인율이 다른 쇼핑몰이 있다고 가정합니다.
// 우리카드 또는 신한카드는 10% 할인.
// 롯데카드 또는 현대카드는 5% 할인.
// 아래 결과를 출력하는 함수를 완성해 보세요.
    
function getDiscountedPrice(original_price, card) {
    // 할인 전 가격과 결제 카드에 따라 할인을 적용한 가격을 반환해야 합니다.
    // 이 부분에 코드를 작성하세요.
    switch (card) {
        case "신한카드":
        case "우리카드":
            return original_price * 0.9;
        case "롯데카드":
        case "현대카드":
            return original_price * 0.95;
        default:
            return original_price;
    }
}
    
const result = getDiscountedPrice(70000, "신한카드");
console.log(result); // 출력 결과: 63000

11. 함수 정의 문법

// 함수 선언문으로 정의한 foo 함수
function foo() {
    console.log("함수 선언문");
}
foo(); // 출력 결과: '함수 선언문'
    
// "함수 표현식"을 콘솔로그로 출력하는 foo2 함수를 함수 표현식으로 만들어 보세요.
// function 키워드를 사용해 주세요.
const foo2 = function() {
    console.log("함수 표현식");
}
    
foo2(); // 출력 결과: '함수 표현식'
    
// "화살표 함수"를 콘솔로그로 출력하는 foo3 함수를 화살표 함수로 만들어 보세요.
const foo3 = () => {
    console.log("화살표 함수");
}
    
foo3(); // 출력 결과: '화살표 함수'
    
/* 참고로 화살표 함수 역시 변수에 함수가 할당되는 함수 표현식 입니다. */

12. `if-else`문

// 아래는 점수에 따라 학점을 반환해 주는 함수입니다.
// if / else if 문을 활용하여 아래 결과대로 출력되도록 함수를 완성해 보세요.
// 90 ~ 100 : A
// 80 ~ 90: B
// 70 ~ 80: C
// 60 ~ 70: D
// 60 미만: F
    
    
function getGrade(score) {
    // 이 부분에 코드를 작성하세요.
    if (score >= 90) return "A"
    else if (score >= 80) return "B"
    else if (score >= 70) return "C"
    else if (score >= 60) return "D"
    else return "F"
}
    
const result1 = getGrade(85);
const result2 = getGrade(65);
    
console.log(result1); // 출력 결과: 'B'
console.log(result2); // 출력 결과: 'D'

13. 객체 및 배열 메서드 응용

// 아래와 같은 결과가 출력되도록 함수를 완성해 보세요.
const db = [
    {
    	"id": 7,
    	"name": "Jay",
    	"age": 33,
    	"phone": "010-1212-5678",
    	"email": "qwe@gmail.com"
    },
    {
    	"id": 10,
    	"name": "James",
    	"age": 30,
    	"phone": "010-1234-5678",
    	"email": "abc@gmail.com"
    }
]
    	
function handleEdit(id, editingObj) {
    // db에서 id에 해당하는 객체를 찾아서 내용을 바꿉니다.
    // 배열 요소를 찾을 때 배열의 find 또는 findIndex 메소드를 사용해 보세요.
    // Object.assign 을 사용해서 객체의 내용을 수정해 보세요.
    // 여기에 코드를 작성하세요.
    Object.assign(db.find(obj => obj.id === id), editingObj)
    	
}
    
handleEdit(10, { name: "Paul", age: 35 });
    
console.log(db);
    /*
    출력 결과:
    [
    	{
    		"id": 7,
    		"name": "Jay",
    		"age": 33,
    		"phone": "010-1212-5678",
    		"email": "qwe@gmail.com"
    	},
    	{
    		"id": 10,
    		"name": "Paul",
    		"age": 35,
    		"phone": "010-1234-5678",
    		"email": "abc@gmail.com"
    	}
    ]
    */

14. 배열 메서드 `filter`

// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
    
function getEvenNumbers(arr) {
    // 인자로 받은 숫자를 요소를 갖는 배열에서 짝수만 필터하여 배열로 반환하세요. 
    // 배열의 filter 메소드를 이용하세요.
    // 여기에 코드를 작성하세요.
    return arr.filter(item => item % 2 === 0)	
}
    
const result = getEvenNumbers( [1,2,3,4,5,6,7,8,9,10] );
console.log(result); // [2,4,6,8,10]

15. `for`문, `continue`, `break`

// for문과 continue, break 키워드를 사용하여 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
    
function countEvenNumbersUpto5(numArr) {
    // numArr 배열을 요소들을 탐색하여 요소가 짝수인 경우 개수를 카운트 해야 합니다.
    // 그러나 개수는 최대 5개까지만 셀 수 있도록 제한합니다.

    
    // 이 부분을 완성해 보세요.
    let count = 0;
    for (let i = 0; i < numArr.length; i++) {
        if (numArr[i] % 2 === 0) count++;
        if (count >= 5) break;
    } 
  return count;
}
    
const result1 = countEvenNumbersUpto5( [1,2,3,4,6,8,10,12,13,14,15,16] );
console.log(result1); // 출력 결과: 5
    
const result2 = countEvenNumbersUpto5( [1,3,5,6,8,10] );
console.log(result2); // 출력 결과: 3

16. 삼항연산자

// 아래와 같이 출력되도록 함수를 완성해 보세요.
// if문 없이 삼항연산자를 사용해 보세요.
    
function getMessageIfHot(temperature) {
    // temperature 가 26보다 크면 "It's hot!", 작으면 "Its' not hot!"
    // 여기에 코드를 작성하세요.
    return temperature > 26 ? "It's hot!" : "It's not hot!";
}
    
const result = getMessageIfHot(26);
console.log(result); // 출력 결과: 'It's not hot!'

17. 구조분해할당

// 호텔의 예약 확인 시스템의 함수라고 가정합니다.
// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
    
function confirmReservation(user) {
    // 여기에 user 객체를 구조 분해 할당 하세요.
    const {name, roomType, date: firstDate} = user
    return `${name} 고객님의 ${roomType}룸 입실날짜는 ${firstDate} 입니다.`
}
    
const userInfo = {
  name: "James",
  roomType: "Deluxe",
  date: "2023-05-30"
}
const result = confirmReservation(userInfo);
console.log(result);
// 출력 결과: 'James 고객님의 Deluxe룸 입실날짜는 2023-05-30 입니다.'

18. spread operator

// 아래와 같은 결과가 출력되도록 함수를 완성해 보세요.
const db = [
  {
    id: 7,
    name: "Jay",
    age: 33,
    phone: "010-1212-5678",
    email: "qwe@gmail.com",
  },
  {
    id: 10,
    name: "James",
    age: 30,
    phone: "010-1234-5678",
    email: "abc@gmail.com",
  },
];
    
function handleEdit(id, editingObj) {
  // db에서 id에 해당하는 객체를 찾아서 내용을 바꿉니다.
  // Object.assign 대신 spread syntax(...)를 사용해야 합니다.
  // 여기에 코드를 작성하세요.
  let findIndex = db.findIndex((item) => item.id === id);
  let change = { ...db[findIndex], ...editingObj };
      db[findIndex] = change;
    }
    
  handleEdit(10, { name: "Paul", age: 35 });
    
  console.log(db);
    /*
    출력 결과:
    [
    	{
    		"id": 7,
    		"name": "Jay",
    		"age": 33,
    		"phone": "010-1212-5678",
    		"email": "qwe@gmail.com"
    	},
    	{
    		"id": 10,
    		"name": "Paul",
    		"age": 35,
    		"phone": "010-1234-5678",
    		"email": "abc@gmail.com"
    	}
    ]
    */

19. 고차함수

// 고차 함수: 함수를 매개변수로 받거나 리턴하는 함수
// 아래 결과와 같이 출력되도록 고차 함수를 완성해 보세요.
    
function divideBy(num) {
    // 여기에 코드를 작성하세요.
    return (input) => {
        return input / num;
    }
}
    
const divideBy100 = divideBy(100);
const result = divideBy100(10);
console.log(result); // 출력 결과: 0.1

20. Set

// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
// 자료구조 Set 의 인자로 배열을 넣으면 중복요소가 없는 배열을 반환받을 수 있습니다.
// spread syntax 를 사용해 보세요. Set을 배열로 변환할 수 있습니다.
    
function getNoDuplicates(arr) {
    // 여기에 코드를 작성하세요.
    return [...new Set(arr)]
}
    
const result = getNoDuplicates([1, 5, 2, 3, 4, 1, 2, 5, 6, 3]);
console.log(result); // 출력 결과: [1, 5, 2, 3, 4, 6]

21. 얕은 복사

// 아래 결과와 같이 나오도록 아래 함수를 완성해 보세요.
    
function shallowCopy(obj) {
    // Object.assign 또는 spread syntax를 이용해 보세요.
    // 여기에 코드를 작성하세요.
    return {...obj}
}
    
const obj = {
  name: 'John',
  age: 30,
  address: {
    city: 'Seoul',
    country: 'South Korea',
    details: ['도로명주소', '지번주소']
  }
};
    
const shallowCopied = shallowCopy(obj);
    
console.log( obj === shallowCopied ); // 출력 결과: false
console.log( obj.age === shallowCopied.age) ; // 출력 결과: true
console.log( obj.address === shallowCopied.address ); // 출력 결과: true
console.log( obj.address.city === shallowCopied.address.city ); // 출력 결과: true
console.log( obj.address.details === shallowCopied.address.details ); // 출력 결과: true

22. 깊은 복사

// 아래 결과와 같이 나오도록 아래 함수를 완성해 보세요.
    
function deepCopy(obj) {
    // 모든 depth 까지 재귀적으로 탐색하여 복사한 객체를 return 하세요.
    // if문과 typeof 키워드를 이용해 보세요.
    const clonedObj = {};
    for (const key in obj) {
    	// 이 부분을 완성해 보세요. 
    	if (typeof obj[key] === "object") {
            clonedObj[key] = deepCopy(obj[key]);
        } else {
            clonedObj[key] = obj[key];
        }
   }
   return clonedObj;
}
    
const obj = {
  name: 'John',
  age: 30,
  address: {
    city: 'Seoul',
    country: 'South Korea',
    details: ['도로명주소', '지번주소']
  }
};
    
const deepCopied = deepCopy(obj);
console.log(obj === deepCopied ); // 출력 결과: false
console.log(obj.age === deepCopied.age) ; // 출력 결과: true
console.log(obj.address === deepCopied.address ); // 출력 결과: false
console.log(obj.address.city === deepCopied.address.city ); // 출력 결과: true
console.log(obj.address.details === deepCopied.address.details ); // 출력 결과: false

23. 최대값

// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
// apply 또는 spread syntax를 이용해 보세요.
    
function getMaxNumber(arr) {
    // 자바스크립트의 내장 객체인 Math 를 이용하세요.
    // arr 는 숫자로만 이루어진 배열입니다.
    // 여기에 코드를 작성하세요.
    return Math.max(...arr)
}
    
const result = getMaxNumber( [5,10,3,12,1,9] );
console.log(result); // 출력 결과: 12

24. 콜백함수 - `setInterval`의 인자

// 아래 타이머 함수를 요구사항에 맞게 완성해 보세요.
    
let count = 0;
    
const timerId = setInterval(callbackFunc, 1000);
    
function callbackFunc() {
    // count 가 7이 되면 타이머를 멈추도록 해보세요.
    // 이 부분을 완성해 보세요.	
    console.log(++count);
    if (count === 7) clearInterval(timerId)
}
    /*
    출력 결과:
    1
    2
    3
    4
    5
    6
    7
    */

25. 콜백함수 - `map`의 인자

// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
    
function mapArray(arr) {
    // 배열의 map 메소드를 이용해 보세요.
    // 객체 {key: value}의 key가 변수를 참조하려면 [key] 이렇게 대괄호 안에 넣으세요.
    // 여기에 코드를 작성하세요.
    return arr.map((item, idx) => ({[idx]: item}))
}
    
const result = mapArray( ["a","b","c"] );
console.log(result); // 출력 결과: [{0: 'a'}, {1: 'b'}, {2: 'c'}]

26. `Promise`

// fetch API는 Response 객체를 Resolving하는 Promise를 반환합니다.
// Response의 body 값에 접근하는 방법은 Response.json() 입니다.
// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
    
function fetchAndPrintJson(url) {
  // 매개변수로 받은 url 주소의 데이터를 fetch 받아와서 출력하는 함수를 작성하세요.
  fetch(url)
    .then((res) => res.json())
    .then((json) => console.log(json));
}

fetchAndPrintJson("https://jsonplaceholder.typicode.com/posts/1");
    /*
    출력 결과:
    {
    "userId": 1,
    "id": 1,
    "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
    }
    */

27. `async/await`

// fetch API는 Response 객체를 Resolving하는 Promise를 반환합니다.
// await Promise(result) 는 result 값을 반환해 줍니다.
// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
    
async function fetchJson(url) {
  // 여기에 코드를 작성하세요.
  const result = await fetch(url).then((res) => res.json());
  console.log(result);
}
    
fetchJson("https://jsonplaceholder.typicode.com/posts/1");
    /*
    {
    "userId": 1,
    "id": 1,
    "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
    }
    */

28. DOM API

<!-- 출력 버튼을 클릭 했을 때 'dragon_ball'이 출력되도록 함수를 완성하세요. -->
    
<!DOCTYPE html>
<html>
    
<head>
    <title>DOM API Example</title>
</head>
    
<body>
    <section id="dragon_ball">
        <div>
            <h1>버튼을 눌러서 dragon_ball이 콘솔창에 출력되도록 해보세요.</h1>
            <button onclick="printDragonBall(event)">출력</button>
        </div>
    </section>
    <script>
        function printDragonBall(event) {
            // event.target 을 이용해서 클릭한 DOM element에 접근합니다.
            // parentNode 속성을 이용해 보세요
            let button = event.target;
            const id = button.parentNode.parentNode.id// 여기에 코드를 작성해 보세요.
            console.log(id); // 출력 결과: dragon_ball
        }
    </script>
</body>
    
</html>

29. `Class`

// 아래와 같이 출력되도록 클래스를 완성해 보세요.
// 코드 작성하는 공간이 2 곳입니다.
    
class Movie {
  constructor(title, director, releaseYear) {
    // constructor 를 완성해 보세요
    // 속성은 title, director, releaseYear 를 갖습니다.
    this._title = title;
    this._director = director;
    this._releaseYear = releaseYear;
  }
    
  // printMovie 메소드를 완성해 보세요.
  printMovie() {
    // 여기에 코드를 작성하세요.
    console.log(`영화 제목은 ${this._title}, 감독은 ${this._director}, 개봉연도는 ${this._releaseYear} 입니다.`);
  }
    
  // getter 속성으로 title 을 완성해 보세요.
  get title() {
    return this._title;
  }
    
  // setter 속성으로 newTitle을 매개변수로 받는 title 재할당문을 완성해보세요.
  // newTitle 매개변수에 대해 2가지 유효성 검사가 선행되어야 합니다.
  // 1. type 이 string 이 아니면 throw new Error(`영화제목의 data type은 string 이어야 합니다. 현재 타입: ${typeof newTitle}`);
  // 2. newTitle 이 빈문자열이면 throw new Error(`한 글자 이상의 문자열을 할당해 줘야 합니다.`);
  set title(newTitle) {
    // 여기에 코드를 작성하세요.
    this._title = newTitle;
  }
}
    
const myMovie = new Movie("굿 윌 헌팅", "구스 반 산트", 1997);
    
myMovie.printMovie();
// 출력 결과: '영화 제목은 굿 윌 헌팅, 감독은 구스 반 산트, 개봉연도는 1997 입니다.'
    
console.log(myMovie.title); // 출력 결과: '굿 윌 헌팅'
myMovie.title = "Good Will Hunting";
console.log(myMovie.title); // 출력 결과: 'Good Will Hunting'

30. 클로저

// 클로저는 "함수와 함수가 선언된 시점의 렉시컬 환경의 조합"입니다.
// 위 정의가 어렵다면, 실행컨텍스트가 체화되기전까지
// "외부 함수의 변수를 참조하는 내부 함수"로 생각해 주셔도 좋습니다.
    
// 아래 결과와 같이 출력되도록 함수를 완성해 보세요.
    
function outerFunction() {
  const outerVariable = "I am outside!";
    
  function innerFunction() {
    // 여기에 코드를 작성하세요.
    console.log(outerVariable);
  }
    
  return innerFunction;
}
    
const innerFunc = outerFunction();
innerFunc(); // 출력 결과: 'I am outside!'

상현

프론트엔드 개발자

이전 포스트

[LeetCode] 20. Valid Parentheses

다음 포스트

자바스크립트 예제30문제

1. 문자열 길이

2. 문자열 자르기

3. 문자열 대체

4. 문자열 분할

5. 명시적 형변환 - 숫자 형변환

6. Truthy / Falsy

7. 연산자 - 홀수/짝수 구분

8. 논리연산자 `||`

9. 논리연산자 `&&`

10. 논리연산자 `||`

11. 함수 정의 문법

12. `if-else`문

13. 객체 및 배열 메서드 응용

14. 배열 메서드 `filter`

15. `for`문, `continue`, `break`

16. 삼항연산자

17. 구조분해할당

18. spread operator

19. 고차함수

20. Set

21. 얕은 복사

22. 깊은 복사

23. 최대값

24. 콜백함수 - `setInterval`의 인자

25. 콜백함수 - `map`의 인자

26. `Promise`

27. `async/await`

28. DOM API

29. `Class`

30. 클로저

[LeetCode] 20. Valid Parentheses

[백준] 1247. 부호

0개의 댓글

관련 채용 정보

자바스크립트 예제30문제

1. 문자열 길이

2. 문자열 자르기

3. 문자열 대체

4. 문자열 분할

5. 명시적 형변환 - 숫자 형변환

6. Truthy / Falsy

7. 연산자 - 홀수/짝수 구분

8. 논리연산자 ||

9. 논리연산자 &&

10. 논리연산자 ||

11. 함수 정의 문법

12. if-else문

13. 객체 및 배열 메서드 응용

14. 배열 메서드 filter

15. for문, continue, break

16. 삼항연산자

17. 구조분해할당

18. spread operator

19. 고차함수

20. Set

21. 얕은 복사

22. 깊은 복사

23. 최대값

24. 콜백함수 - setInterval의 인자

25. 콜백함수 - map의 인자

26. Promise

27. async/await

28. DOM API

29. Class

30. 클로저

[LeetCode] 20. Valid Parentheses

[백준] 1247. 부호

0개의 댓글

관련 채용 정보

8. 논리연산자 `||`

9. 논리연산자 `&&`

10. 논리연산자 `||`

12. `if-else`문

14. 배열 메서드 `filter`

15. `for`문, `continue`, `break`

24. 콜백함수 - `setInterval`의 인자

25. 콜백함수 - `map`의 인자

26. `Promise`

27. `async/await`

29. `Class`