리액트 기본개념 공부 후 신규 리액트 강의를 샀다(나중에 포스팅 예정)
역시나 자바스크립트가 제일 중요하니까 자바스크립트부터 시작하고 있어 다시 복습중..
그러다 인프런 강의를 듣고 궁금하여 아직 한참 멀었지만 프로그래머스 코딩테스트 문제를 한번 찾아보았다.
(자바스크립트 Lv.1로 필터링)

☠️ 🐕어려워... ☠️

그래도 이론만 복습하는 것보다 쉬운문제부터 차근차근 문제해결력을 길러보는 게 좋을까하여 서칭.

Vanilla JavaScript 연습 퀴즈 1탄 풀기 🔥 (출처 : 바닐라코딩)

---

⚡️ JavaScript QuizⅠ (Function, Array, Object)

(from Starter-Kit JavaScript Part2)

📢 Rule

말풍선 (💬) 을 지우고 주어진 조건을 충족하는 함수를 작성하여 폭죽(🎉)이 나오도록 해야 함

📗 Function

☑️ Quiz #1

function sayHello(name) {
	return `Hello, ${💬}`;
}

const result1 = sayHello("Jeff");

if (result1 === "Hello, Jeff") {
	alert("🎉");
}

> Codepen에서 풀기

👉 Answer #1

💬 : name

☑️ Quiz #2

function greetingMaker(greet, name) {
  return `💬`;
}

const hello = greetingMaker("Hello", "Nadia");
const goodBye = greetingMaker("Goodbye", "Justin");

const result2 = (hello === "Hello, Nadia") && (goodBye === "Goodbye, Justin");

if(result2) {
  alert("🎉");
}

> Codepen에서 풀기

👉 Answer #2

💬 : ${greet}, ${name}

☑️ Quiz #3

function findStaff(name) {
  if(name === "Jett") {
    return "Staff";
  }
  
  if(name === "Leo"){
    return "Staff";
  }

  return "Spy";
}

const isFound1 = findStaff("Leo");
const isFound2 = findStaff("Jett");

const result3 = (isFound1 === isFound2);

if(result3 === 💬){
  alert("🎉");
}

> Codepen에서 풀기

👉 Answer #3

💬 : true

☑️ Quiz #4

/*
  <Making Hamburger with Functions>
*/

let myBurger = "Hamburger";

const addCheese = function (burger) {
  const cheese = " with Cheese";
  return burger + cheese;
}

const addPatty = function (burger) {
  const patty = " with Patty";
  return burger + patty;
}

const addTomato = 💬

myBurger = addCheese(myBurger);
myBurger = addPatty(myBurger);
myBurger = addTomato(myBurger);

if(myBurger === "Hamburger with Cheese with Patty and Tomato"){
  alert("🎉 Junk Food"); 
}

> Codepen에서 풀기

👉 Answer #4

💬 :
function (burger) {
const tomato = " and Tomato";
return burger + tomato;
}

📗 Array

☑️ Quiz #1

const fruitList = ["Apple", "Lemon", "Banana", "Melon"];
const fruitLength = fruitList.length;

if (fruitLength === 💬) {
  alert("Yummy 🎉");
}

> Codepen에서 풀기

👉 Answer #1

💬 : 4

☑️ Quiz #2

const foodList = ['Pizza', 'Hamburger', 'Chicken', 'Steak'];

const food1 = foodList[0];
const food2 = foodList[foodList.length - 1];

const resultFood = food1 + food2;

if(resultFood === 💬) {
  alert("🎉 +10kg");
}

> Codepen에서 풀기

👉 Answer #2

💬 : 'Pizza', 'Chicken'

☑️ Quiz #3

const fruitList = ['Apple'];

fruitList.push['Lemon'];
fruitList.push['Mango'];

const fruit1 = fruitList[1];
const fruit2 = fruitList.pop();

const resultFood = fruit1 + fruit2;

if(resultFood === 💬){
  alert("🎉");
}

> Codepen에서 풀기

👉 Answer #3

💬 : 'Lemon', 'Lemon'

☑️ Quiz #4

const animalList = ["Dog", "Cat", "Lion", "Koala"];
let result = "";

for (let i = 0; i < animalList.length; i++) {
  result += 💬;
}

if (result === "DogCatLionKoala") {
  alert("🎉");
}

> Codepen에서 풀기

👉 Answer #4

💬 : animalList[i]

☑️ Quiz #5

/* 음료 자판기(machine)에 4가지 종류의 음료 중에 Sprites에 빠져있다.
창고(storage)에서 부족한 음료의 종류를 찾아 자판기의 마지막 요소로 채워질 수 있도록 작성 */

const machine = ['Coke', 'Pepsi', 'Fanta'];
const storage = ['Pepsi', 'Coke', 'Sprite', 'Fanta'];

for (let i = 0; i < storage.length; i++){
  if(machine.indexOf(storage[i]) === 💬){
    machine.push(storage[i]);
  }
}

const result = machine[machine.length - 1];

if(result === 'Sprite'){
  alert("🎉"); 
}

> Codepen에서 풀기

👉 Answer #5

💬 : storage.indexOf(machine)

📗 Object

☑️ Quiz #1

const person = {
  age : 30,
  name : "Jett",
  address : "Seoul"
}

const name = person["name"];
const age = person.age;

const result = `${name} ${age}`;

if(result === 💬){
  alert("🎉 success");
}

> Codepen에서 풀기

👉 Answer #1

💬 : person.name, person.age

☑️ Quiz #2

const person = { age: 35, name: 'Justin', adress: 'Busan' }
delete person.adress;

const result = person.address;

if(result === 💬){
  alert("🎉");
}

> Codepen에서 풀기

👉 Answer #2

💬 : undefined

☑️ Quiz #3

/*
  console.log(`Person age 30`);
  console.log(`Person name Jett`);
  console.log(`Person address Seoul`)
*/

const person = { age: 30, name: 'Jett', adress: 'Seoul' }

for (const prop in person) {
  alert(`🎉 Person ${prop} ${💬}`);
}

> Codepen에서 풀기

👉 Answer #3

💬 : person[prop]

☑️ Quiz #4

/* 
  <개인정보>
  전산 오류로 인해 수강생의 개인정보에 오류가 생겼다.
  오류 정보(errorInfo)의 key value 값을 수정하여
  올바른 정보(correctInfo)와 값이 같아질 수 있도록 작성
*/

let isInfoValid = true;

const correctInfo = {
  name: "Jett",
  age: 30,
  isVacoder: true
};

const errorInfo = {
  name: "Jett",
  age: 20,
  habit: "Running",
};

errorInfo.💬 = 30;
errorInfo.💬 = true;
delete 💬;

for (const prop in errorInfo) {
  if (errorInfo[prop] !== correctInfo[prop]) {
    isInfoValid = false;
  }
}

if (isInfoValid) {
  alert("🎉");
}

> Codepen에서 풀기

👉 Answer #4

💬 : age
💬 : isVacoder
💬 : errorInfo.habit

---

🎉 잘 뜬 거 봐서 여기까진 괜찮은데..
2탄이 hell☠️ (푸는 중,,,)