HTML & CSS & JavaScript 2022. 2. 21.
[JavaScript] 객체로 이루어진 배열을 Map을 사용하여 join하기
상황 객체로 배열이 이루어져있다. 각 객체의 속성을 가져와서 join하여야한다. 코드 const arr = [ { seq: 1, name: 'Aa' }, { seq: 2, name: 'Bb' }, { seq: 3, name: 'Cc' }, ]; let result = arr.map(ele => ele.seq); console.log(result); // [1, 2, 3] let joinResult = arr.map(ele => ele.seq).join(','); console.log(joinResult); // "1,2,3" join한 후에 unnset(string_to_array)를 사용하여 더 간편하게 query문을 작성할 수 있다. unnset(string_to_array)에 대한 내용에 대해 더 ..
HTML & CSS & JavaScript 2021. 12. 5.
[JavaScript] URLSearchParams을 이용하여 파라미터를 보기 좋게 만들 때 사용
URLSearchParams를 사용하여 객체로 파라미터를 만들어보려고 한다. URLSearchParams 인터페이스는 URL의 쿼리 문자열에 대해 작업할 수 있는 유틸리티 메서드를 정의한다. URLSearchParams 생성 예제 - 반환값은 : URLSearchParams 객체 인스턴스 // 객체 생성 방법 - 매개변수 : init var URLSearchParams = new URLSearchParams(init); // url 생성자에 전달된 주소를 url.search를 통해 params라는 변수로 검색합니다. var url = new URL('https://example.com?foo=1&bar=2'); var params = new URLSearchParams(url.search); // 문자열..
HTML & CSS & JavaScript 2021. 11. 29.
[CSS] 스크롤바 없애기
overflow 속성 1. auto 스크롤이 contents의 길이에 따라 길어질 경우 자동으로 스크롤 표시(기본값) overflow: auto; 2. scroll 가로/세로 스크롤이 표시 overflow: scroll; 3. hidden 가로/세로 스크롤 표시 안 함 overflow: hidden; 4. overflow-x 가로 스크롤 overflow-x: auto; overflow-x: scroll; overflow-x: hidden; 5. overflow-y 세로 스크롤 overflow-y: auto; overflow-y: scroll; overflow-y: hidden;
