웹 개념/javascript 검색 결과

해당 글 20건

객체 분할 할당

...id는 객체 분해 할당(destructuring assignment)의 문법입니다. 이 경우, req.body 객체에서 id 속성을 추출하여 새로운 객체로 만든다. ...id는 객체의 속성을 그대로 가져와서 새로운 객체로 할당하는 역할을 한다. 이를 통해 id 객체의 속성들을 개별적인 변수로 분해하지 않고, 한 번에 새로운 객체로 만들 수 있다. 따라서, res.render() 메서드에서 ...id를 사용함으로써, id 객체의 모든 속성들을 admin 템플릿으로 전달하는 것이 가능해진다. 이렇게 함으로써 admin 템플릿에서는 id 객체의 속성들을 개별적인 변수로 사용할 수 있게 된다. 넘겨 받는 데이터 예시
웹 개념/javascript 2023. 7. 5. 00:13

for await of

for await of 구문은 무엇을 위한 것인가? 반복문 내에서 일어나는 모든 비동기 구문을 기다려주는 구문이다. 예를 들어 반복해서 api 통신을 하는 코드가 있다고 하자. const names = ['a', 'b', 'c', 'd']; names.forEach(async (name) => { const result = await fetch(`https://someurl.com/names/${name}`); console.log(result.json()); }); console.log('모든 api 통신 완료'); // 이 부분이 forEach의 반복문 작업이 모두 끝나기 전에 실행된다. 위의 코드를 실행하면 다음과 같은 결과가 나온다. $ 모든 api 통신 완료 $ $ $ $ ⇒ 중요한 포인트는 f..
웹 개념/javascript 2022. 4. 24. 22:30

try/catch

먼저 자바스크립트에서 에러가 발생하면 코드는 멈추게 되고, 콘솔에 에러가 출력된다. 하지만 try...catch 문법을 사용하면 스크립트가 죽는 것을 방지하고, 에러 상황을 잡아 예외처리를 할 수 있게 한다. 기본적인 형태는 두 블록으로 구성되며 예시 코드는 아래와 같다. 기본 형태 try { // 이 구간에서 에러가 발생하면 catch로 이동 } catch (err) { // 에러 핸들링 } 먼저 try 블록의 코드가 실행된다. try 블록 안에 에러가 없다면 catch 블록은 건너 뛴다. try 블록 안에서 에러 코드를 만나면 try 블록의 실행이 중단되고 catch 블록의 코드가 실행된다. err 객체에는 에러에 대한 정보가 있다. 실제 작동 코드 살펴보자. try { console.log("아직 ..
웹 개념/javascript 2022. 4. 24. 22:27

콜백함수

콜백함수(Callback Function) 란? 파라미터로 함수를 전달하는 함수 콜백함수(Callback Function)란 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수이다. let number = [1, 2, 3, 4, 5]; number.forEach(x => { console.log(x * 2); }); 2 4 6 8 10 콜백함수는 이미 우리의 코드 속에서 자주 사용되고 있다.예를 들어, forEach 함수의 경우 함수 안에 익명의 함수를 넣어서 forEach 문을 동작시킨다. 콜백함수(Callback Function) 사용 원칙 익명의 함수 사용 let number = [1, 2, 3, 4, 5]; number.forEach(function(x) { console.log(x * 2..
웹 개념/javascript 2022. 4. 20. 20:22