javascript
-
Bootstrap pagination 자바스크립트로 구현하기개발기록/Web 2018. 4. 19. 16:55
Chatscript 챗봇 구축을 해보는 중에, 모든 대화가 log.txt로 남겨지는걸 확인했다. 로그데이터로 대화의 패턴이라던지, 사용자 정보를 뽑을 수 있겠단 생각과, 더욱이 관리자 페이지를 시범삼아 대충 한번 만들어 보자 라는 생각에 먼저 로그데이터 리스트를 만드는중 닥친 페이지네이션. 흔히 게시판 구축에 필수 조건인데, 유독 나는 페이지네이션이 어려웠다. 그래서 대충 남의 소스가져다가 사용해버리곤 했는데, 요번에는 그럴수 없다는 생각에 열심히 검색하고 알아보던중, 도움이 많이 된 사이트를 링크해둔다. https://okky.kr/article/282819 더욱이 서버에서 페이지네이션을 처리하는게 아니라, 나는 front에서 구현하고 싶어서 자바스크립트로 검색해보는중, 부트스트랩 css에 자바스크립트..
-
파일업로드 디자인개발기록/Web 2017. 7. 12. 16:55
간단한 게시판 기능중에 파일업로드 기능이 결합된 글쓰기 페이지 구현중에 먼저 view 페이지 작업을 시작 input type file은 디자인이 너무 안이쁘다 예를 들면 이렇게 이미지의 html 코드는 대충 이렇다. 코북에 맞는 디자인으로 커스텀 해본다 ● 부트스트랩으로 뷰를 작업하고 있기 때문에 파일선택은 부트스트랩 버튼과 같은 느낌으로 ● 선택된 파일명은 form에 들어오고 ● 이미지 파일이 들어올 지정된 영역안으로 선택된 파일이미지가 들어온다 HTML 파일등록하기 파일선택인 부분은 파일을 선택했을 때 파일명이 들어오는 부분이기에 disabled로 막아둔다. CSS /*라벨은 원하는대로 커스텀하고*/.fileRegiBtn label {display: inline-block; padding: .5em ..