// n개의 요소를 가진 배열 생성하기
const arr = Array(n);

// 배열에 동일한 데이터 채우기
// 모든 요소를 5로 채울 경우
arr.fill(5);

 

 

 

 

 

let params = new URLSearchParams(location.search);
params.set("page", "0");
location.href = `/question?${params.toString()}`;

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <!-- input_1 자리에 input_{post.id} 들어가면됨 -->
    <input type="text" id="input_1" value="test" />

    <!-- 1 자리에 {post.id} 들어가면됨 -->
    <button class="1 123" onclick="test()">클릭</button>

    <script>

        let test = function(){

            // event.target.className  - event.target은 누른 버튼을 의미
            // 그 버튼에서 className을 가져온다
            console.log("버튼의 클래스는 " + event.target.className.split(" ")[0]);

            //"#input_"+ event.target.className 은 input_1 과 마찬가지다
            let data ={
                input1 : $("#input_"+ event.target.className.split(" ")[0]).val()
            }

            console.log(data.input1);
        }

    </script>
</body>
</html>

 

 

ajax

get방식으로 보낼 때
1. 주소에 값 넣어서 보내기(getParameter)
2. data에자바스크립트객체를 담아서 보내기(getParameter)
3. data에 "key=value&key=value"로 보내기(getParameter) 
4. 자바스크립트객체를 시리얼라이즈해서 보내기(getParameter)

post방식으로 보낼 때
1. 주소에 값 넣어서 보내기(getParameter)
2. data에 자바스크립트객체를 담아서 보내기(getParameter)
3. data에 JSON.stringify(자바스크립트객체)를 보내기(버퍼)
4. data에 문자열 보내기(버퍼)

 

const는 상수를 의미한다

아래와 같이 값을 변경하려고하면

<script>

    const a = 1;
    a = 2;

    alert(a);


</script>

 

에러가 뜬다

 

아래는 에러가 난 라인이다

 

자바스크립트 최근 함수 선언방식

 

백틱 : 숫자 1번 옆에 있는 것  = `

백틱안에 있는 것 중 달러표시를 이용해서 변수를 넣을 수 있다

파싱하지 않아도 바로 스트링 안에 ${    } 를 이용해서 넣을 수 있다 

=

객체 내의 변수명을 따옴표 없이 // 쌍따옴표 // 홑따옴표로 선언및 초기화 할 수 있다.

 

 

결과

 

 

 

'Web > JavaScript' 카테고리의 다른 글

자바스크립트 최근 함수 선언방식  (0) 2020.06.04
자바스크립트 백틱  (0) 2020.06.04
자바스크립트 람다식 this  (0) 2020.06.02
자바스크립트 객체를 JSON으로 바꾸기  (0) 2020.06.02
jQuery 제이쿼리 시작  (0) 2020.06.02

+ Recent posts