[0731] 자바스크립트 DAY11
게시글 더미데이터
[{
id: 654,
title: '냉방병',
content: '더운 여름철 ~',
writerId: 'abc@naver.com',
createdAt: '2023-32-22 14:61',
updatedAt: '3232-23-11 15:35',
like:3
},
{
id: 654,
title: '냉방병',
content: '더운 여름철 ~',
writerId: 'abc@naver.com',
createdAt: '2023-32-22 14:61',
updatedAt: '3232-23-11 15:35',
like:3
},
{
id: 654,
title: '냉방병',
content: '더운 여름철 ~',
writerId: 'abc@naver.com',
createdAt: '2023-32-22 14:61',
updatedAt: '3232-23-11 15:35',
like:3
}
]
요청할 때 너가 이렇게 요청하면 됨
fetchBoards(시작페이지, 몇개씩, 정렬순서); 함수를 써
게시글 여러개 가져오기 성공하면 응답을 이렇게 줄게
data에 게시글 타입의 객체가 요소로 ~
http 통신
hyper text transfer protocol
- html 전송
- text
- xml
...
클라이언트
- 브라우저, 핸드폰, 태블릿 ...
배열관련 함수
- 원본을 변형시키는 함수가 있고
let ar = [10, 20, 30];
push
ar.push(50);
// ar이 변한다 --> [10, 20, 30, 50]
pop
let ar = [10, 20, 30];
ar.pop();
// ar --> [10, 20]
sort
let ar = [10, 20, 13, 14];
ar.sort();
// ar --> [10, 13 14, 20]
원본이 변하지 않는다.
slice
let ar. [10, 20, 30, 40];
ar.slice(0, 3);
// ar은 변하지 않는다 --> [10, 20, 30, 40]
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>배열의 정렬</title>
</head>
<body>
<script>
let ar = [15, 35, 1, 20, 4, 9, 64];
console.log(ar);
ar.sort((a, b)=>a - b);
console.log(ar);
let ar2 = ['asd', 'dfasafsd', 'ffe', 'bvwer'];
// 해당 배열을 문자열의 길이가 긴 것부터 차례로 정렬
// 해당 배열을 page수가 적은 애부터 정렬(오름차순)
let ar3 = [
{title:'대모험', page:38},
{title:'뽀로로', page:15},
{title:'홍길동전', page:100}
];
// 해당배열을 title이 긴것부터 정렬
// let abc = f1;
// abc(5, 1)
// 1. 인자 갯수 타입
// 0개 1개(함수타입)
// 2. 동작하는지
// 정렬을 해준다(사전순)
// 3. 함수 실행 결과의 값
// 정렬된 새로운 함수
</script>
</body>
</html>