[TIL] 오늘 배운 것들 2022-10-29

1. javascript의 switch문에서 case VALUE: 에서 VALUE는 상수값만 올수 있다. if문처럼 x > 10 이런 비교연산은 올 수 없다.

 

2. javascript 문자열 뒤집기.

function solution(num_list) {
    for(let i = 0; i < Math.floor(num_list.length / 2); i++){
        let temp = num_list[i];
        num_list[i] = num_list[num_list.length - i - 1];
        num_list[num_list.length - i - 1] = temp;
    }
    return num_list;
}

 

이런 방식으로 직접 뒤집어도 되지만(참고로 위에껀 배열 뒤집기지 문자열 뒤집기는 아님. 다만 방법은 동일해서 넣음)

 

function solution(my_string) {
    return my_string.split('').reverse().join('');
}

이렇게 문자열 메서드를 활용하면 더 깔끔하게 가능하다. 옛날에는 처음 방식처럼 직접 코드 짜는 걸 좋아했지만, 이제는 첫번째 방법을 머리속으로 떠올릴 수준만 되면 두번째 방법을 사용하는 것이 훨씬 좋아보인다.

 

3. javascript에서 길이가 x이고 a로 초기화된 배열을 얻고 싶으면 const array = new Array(x).fill(a); 를 사용하면 된다. x는 배열의 크기이므로 당연히 숫자여야하지만 a는 숫자 문자 모두 가능하다.
이미 TIL에 한번 정리 했는데 까먹어서 다시 또 적음. 까먹으면 또 적고 또 적고 안까먹을때까지 적자. 그러면 체득 될거다! 

 

4. 부트스트랩 모달 사용법

<div class="modal fade" id="exampleModalCenteredScrollable" tabindex="-1" aria-labelledby="exampleModalCenteredScrollableTitle" style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">Modal title</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="card w-100">
                        <h5 class="card-title">쿠폰명</h5>
                        <p class="card-text">2022/10/10 ~ 2022/11/31</p>
                        <p class="card-text">31일 5시간 1분 남음</p>
                        <p class="card-text">100,000원 이상 구매 시</p>
                        <a href="#" class="btn btn-primary float-right">Button</a>
                    </div>
                    <hr/>
                </div>
            </div>
        </div>
    </div>

이렇게 body에 원하는 곳에 넣고

 

<button id="testBtn" class="btn">쿠폰 사용</button>

버튼을 만들고

 

$('#testBtn').click(function(e){
    e.preventDefault();
    $('#exampleModalCenteredScrollable').modal("show");
});

함수 만들어주면 실행된다. 진작 구글에 검색할걸 괜히 시간 버렸다 

 

 

코딩이라는 게 내 머리가 중요하다고 생각하지만.. 사람이 더 중요하다는 걸 가면 갈 수록 느끼고 있다.