전체 글 (134) 썸네일형 리스트형 페이징 인덱스 만들기 / 페이지네이션 만드는 법 var getPagingHtml = function(param) { // 페이징 인덱스 클릭했을 때 실행할 함수 이름 var callFunc = param.callFunc; // 페이징을 넣을 html 상위 요소의 id var paginationWrapperId = param.paginationWrapperId; // 한 페이지에 게시물을 몇 개 보여줄지 var itemNumPerPage = param.itemNumPerPage; // 총 게시물이 몇 개인지 var totalItemNum = param.totalItemNum; // 페이징 인덱스를 한 번에 몇 개씩 보여줄지 var pagingSize = param.pagingSizeNum; // 현재 페이지 var currentPage = param.c.. ele.children 속성 HTML Collection 자료형 forEach 반복문 돌리기 - HTML 요소의 children 속성과 데이터 타입 - const ele = document.querySelector('#target'); const chld = ele.children; HTML 엘리먼트의 children 속성은 자료형이 HTML Collection 이다. list처럼 보이기는 하지만, 엄밀히 말해서 list는 아니다. forEach 반복문은 인덱스를 따로 설정할 필요 없이 배열 안에 있는 요소들로 반복문을 돌릴 수 있는 편한 함수다. 하지만 forEach는 배열에서 쓸 수 있는 함수이기 때문에 HTML Collection 은 forEach를 쓸 수 없다. - HTML Collection 반복문 돌리는 법 - 그럼 HTML Collection 데이터는 반복물을 돌릴 수 없을까? HT.. [jsp] JSTL과 EL 안에서 문자열 이어붙이는 법 concat() 기능 '+' 연산 - '+' 기호 연산은 작동하지 않는다 - JSTL 안에서 EL을 사용할 때 문자열을 이어붙이려면 위 세 코드 중 어떤 코드를 써야 할까? EL 문법에서는 더하기 '+' 기호로 문자열을 이어붙이지 못한다. 문자열 함수를 이용해서 두 문자열을 합쳐야 할까? - EL 문법으로 문자열 이어붙이는 법 - EL 문법에서 문자열을 이어붙이려면 그냥 이어붙일 두 문자열을 EL 그대로 붙여 놓으면 된다. 그래서 정답은 가장 아래 코드다. 위처럼 쓰면 ${~~} 구문 여러 개가 각각 파싱되어서 로드될 때는 "~~" 안에서 이어붙여져 있는 것처럼 보이게 된다. - 덧붙임 : JSTL에서 썼던 변수를 화면까지 가져오는 법 화면을 로드하면서 사용했던 JSTL과 EL의 결과를 ready 함수에서 html요소 안에 저장함으로써 .. [JavaScript] 동적으로 추가한 <script>가 실행되지 않을 때 - 나중에 추가하는 그럼에도 실행되지 않았다. 아니, 요소가 잘 로드되어 있는데, 실행은 되지 않는다니...? - ele.append() 함수를 이용했을 때 ( 실행 X ) - 어떤 요소를 추가할 때, 여러 가지 방법이 있다. 하지만 그 기능이나 의도가 조금씩 다르다. 요소에다가 append() 함수를 이용해서 - ele.innerHTML 속성을 이용해서 - ele.appendChild 함수를 이용해서 / 정리 ele.append() > text 상태 그대로 추가 ele.innerHTML > 요소로써 추가되지만 실행은 안 됨 ele.appendChild() > 요소로써 추가되고 실행도 됨 - 220712 '수동적인 개발자'가 아니라 '능동적인 개발자'가 되기로 했다. - 말하자면 그동안 나는 맞춤 정장 제작자 - 그동안 나는 수동적인 개발자였다. 무슨 말이냐 하면, 클라이언트가 요구하는 기능이 있으면 되도록 구현해 주고, 클라이언트가 요구하지 않는 기능은 굳이 구현하지 않았다. 무언가 기능을 구현해 달라고 하면, 기술적으로 불가능하거나 매우 어려운 것이 아닌 이상 군말없이 구현해 주었고, 딱히 질문이나 상의를 시도하지도 않았다. 이것은 귀찮거나 일을 줄이고 싶어서가 아니었다. 내 나름대로 개발자로서의 가치관 때문이었다. 나는 일종의 주문제작자 같은 존재라고 생각했다. 개발자는 클라이언트를 도와주는 서포터라고 생각했다. 개발자의 역할은, 클라이언트가 머릿속으로 구상하고 있는 바로 그 기능과 바로 그 페이지를 그대로 눈앞에 구현해내는 일을 도와주는 역할이라고 생각했다. .. [CSS] input 클릭하면 placeholder 안 보이게 사라지기 - placeholder 란? - 회원가입을 하거나 로그인을 할 때 "아이디를 입력해 주세요" "비밀번호를 입력해 주세요" 이렇게 뜨는 메세지들이 모두 placeholder다. placeholder란 사용자로부터 입력받아야 하는 요소에 아무 내용이 없는 동안 사용자에게 보여줄 메세지다. 보통은 사용자가 어떤 값을 입력해야 하는지 알려주는 역할을 한다. - placeholder 사용하기 - placeholder로 메세지를 보여주려면 "placeholder"라는 속성 이름으로 값을 넣어주면 된다. - 메세지가 클릭하면 사라지도록 만들기 ( event 사용 ) - placeholder는 사용자가 어떤 내용도 입력하지 않은 동안 보여주는 메세지다. 즉, 사용자가 아무 내용도 입력하지 않으면 메세지는 사라지지 않.. [JavaScript] 팝업창 다른 페이지에서 불러올 때 script 주의할 점 ~~~~~~ 버튼을 클릭하면 팝업창을 하나 불러온다. 팝업창 안에 script 태그를 심어 놓았다. 그 팝업창 안에서 쓸 이벤트나 함수들은 모두 그 script 안에 넣어 두었다. 팝업창을 불러올 때 그 팝업창이 작동하는 데에 필요한 기능은 다같이 묶어서 불러올 수 있도록 해 두었다. 그런데 리로드를 아무리 해도 자바스크립트가 실행되지 않았다. script 태그가 작동하지 않는 원인이 무엇일까? 어찌된 영문인지 하나씩 실험해 보았다. 1. 자바스크립트 안에 치명적인 문법 오류가 있어서 애초에 로드조차 되지 않는 경우 > JavaScript는 문법에 굉장히 너그러운 언어다. Java나 C를 써 본 사람은 안다. 데이터 타입이나 null 체크, 변수 선언에 얼마나 너그러운 언어인지. 그럼에도 치명적인 문법 .. [PostgreSQL] 파일 이름이 콤마(,)를 기준으로 두 개로 나뉘는 문제 SELECT ARRAY_TO_STRING(ARRAY_AGG(attachfile.file_name), ',') FROM attachfile WHERE attachfile.seq_num = 163 - 220621 이전 1 2 3 4 5 6 7 8 ··· 17 다음
