new에 관한 질문이 있습니다.

좋은 질문입니다!

new는 클래스의 새로운 인스턴스를 만드는 것과 비슷하다고 보면 되는데요(완전 같지는 않아요)

function testFn (foo) { 
  this.value = foo
  console.log(this.value)
}

let newInstance1 = new testFn("hello")  // 콘솔: "hello" 
let newInstance2 = testFn("world")  // 콘솔:  "world"

console.log(newInstance1) // 콘솔: { value: "hello" }
console.log(newInstance2) // 콘솔: undefined

new 를 붙임으로써 새로운 객체 {}가 외부에서 생성이 되고 testFn에서는 외부에서 생성된 이 객체를 this로 접근할 수 있게 됩니다

따라서 newInstance1을 콘솔에 찍으면 { value: "hello" }가 나옴을 확인할 수 있어요

그에 반면 new가 없는 newInstance2는 함수 내부에서 객체(this)가 생성이 되고 함수 실행이 끝나면 해당 객체는 없어집니다. 그래서 "world"가 콘솔에 찍히긴 했지만 newInstance2는 undefined가 나오게 되요

참고로 여기서는 arrow function을 사용하시면 안되고 일반 function으로 해주셔야 되요! 일반 함수에서 this에 값을 선언하는건 constructor가 되거든요. Arrow function 그렇지 않습니다.