- Open-API / Public-API (API 제공소)
- Database / ROM (데이터베이스 구경)
- Node.js (백엔드 서버 만들기)
포토폴리오 리뷰
input로 한데 묶기
_inputs (언더바쓰는 이유 : 그냥 개발자들간의 관례)
type, placeholder, onChange가 presenter에서 반복해서 사용하고 있는데, 이런건 하나로 못묶나요?
Object.values() - JavaScript | MDN
Object.values로 event.target.value 들을 묶어줬다 알아두라
Array.prototype.every() - JavaScript | MDN
모든 배열의 값이 참일 때, true
전체를 한꺼번에 생각해서 리팩토링 하는게 아니라, 이런식으로 하나하나 나눠본 다음에 한데 묶는 것
map으로 해도 되고 forEach로 돌려도 되는데, map은 한번 더 들어가야하니까 속도가 더 느리므로 둘다 상관없지만 forEach로 하신다 하심
as Array<keyof typeof inputs> : 사용하는 이유는 type을 모르기 때문에 알려주는 거
as : 의 타입을 강조하겠다 라는 뜻을 가지고 있음
as Array<”writer” | “title”| “contents”| “password”> 가능.
타입을 안주면, el이 string이 되어버려서 안돼요 어떤 값을 줘야하는지 모름
+) 내가 찾아본 정보
forEach()가 배열 요소마다 한 번씩 주어진 함수(콜백)를 실행하는 것과 달리,
map()은 배열 내의 모든 요소 각각에 대하여 주어진 함수(콜백)를 호출한 결과를 모아 새로운 배열을 반환한다는 특징을 가지고 있다.
- forEach()는 당신의 Array안에 데이터를 변경하려는 것이 아니라 데이터베이스에 저장하거나 로그아웃하는 것과 같은 작업에 유용할 수 있다.
- map()은 데이터를 변경할 때 선호될 수 있다. 더 빠를 뿐 아니라 새로운 배열을 반환하며, 이는 다른 메소들과 함께 사용하는 것 같이 멋진 일을 할 수 있다는 것을 의미한다.(map(), filter(), reduce() 등)
포폴과제
- 백엔드 흐름 (프론트앤드 네모칸그림이 중요한뒈 어케이루어지는지)
- openAPI 찾아보고 어떤게 있는지 확인하고, 어떤 페이지를 하나ㅏ만들어두고openapi 를 쓴 메뉴를 만들기
