[TIL] 2023-04-11

Today I Learned

[Front-End] - React

오늘은 express.js 프레임워크로 rest API를 만드는 연습과 todo list에 백엔드 기능을 구현했고, 자바스크립트의 filter함수에 대해 배웠다.

Express.js - Routing

여러 api요청을 관리하기 위해 express.js의 라우팅 기능을 활용하였다.

Filter

필터 함수를 사용하면 특정 조건에 만족하는 새로운 배열을 구성할 수 있다.
예를 들어, 다음과 같은 코드가 있을 때

let fruits = ["kiwi", "banana", "apple", "grapefruit", "melon"];
let newfruits = fruits.filter((v, i) => {
  return v.length >= 5;
});
console.log(newfruits);

return 다음 조건을 만족하는 요소만 남고 나머진 삭제된다.
return 다음이 fruits 안의 요소 중 길이가 5이상인 요소만 남게 되므로 길이가 4인 "kiwi"만 제거되고 새로운 배열이 만들어진다.

이외 수업내용

저번 수업때도 설명을 해주셨는데 까먹어서 다시 질문을 했었던게 npm을 통해 설치할 때 -D를 하는 이유를 까먹어서 인데, package.json파일에 devDependencies안에 설치한다는 명령어이다.
그리고 서버를 실행하고 그 안에 변경사항이 생기면 서버를 껐다가 다시 켜야되는 문제가 발생했는데 이 해결방법으로 노드 패키지 매니저인 nodemon을 설치하면 변경사항이 생기고 저장할 때마다 서버가 재실행된다.