※ 유용한 스크랩
오류 메세지나 경고창 혹은 선택창을 띄우고 싶을 때 부트스트랩 모달을 사용하면 좀 더 깔끔해 보일 수 있다. alert나 confirm도 똑같이 동작하지만 좀 더 유려한 표현을 원할 수 있다. 방법은 아주 간단한데, 공통 모달을 파일로 만들어두고 페이지에 include한다. Document.querySelector("모달이름 .modal-body").text("원하는 문구")하면 모달에 원하는 내용으로 바뀐다. Document.querySelector("모달이름").modal("show") 하면 모달이 표시된다. 가끔 모달을 동적으로 생성하는 복잡한 방법을 알려주는 블로그도 있는데 그보다 단순한 목적일 때 이렇게 쓸 수 있다.
http://tools.arantius.com/tabifier Tools - Tabifier (HTML and CSS code beautifier) - arantius.com Tabifier The tabifier is a tool to properly indent computer code. The style it produces is a mix of my personal preferences for indentation plus what I could manage to make a program produce from dirty source. The tabifier currently supports CSS, HTML, and tools.arantius.com http://jsbeautifier.org/..
select * from (select book_idx, book_title, book_writer, book_intro, book_genre, book_subgenre, book_regDate, book_recentDate, book_uploadPath, book_fileName, book_uuid, (select count(*) from book_detail where book_bd_idx = a.book_idx) chapterCount, (select sum(bd_count) from book_detail where book_bd_idx = a.book_idx) bookReadCount, (select count(*) from book_recommend where book_br_idx = a.boo..
1. Ngrok 사이트에서 계정을 만들고 2. authToken을 복사한 뒤에 3. Ngrok 실행파일의 cmd 창에서 ngrok authToken 토큰값 을 입력해준다. 4. 이제, 프로젝트를 띄운 http 포트값을, cmd 창에 ngrok http 포트값 입력해주고 5. 받아와진 가상의 주소 xxxxxx.ngrok.io를 복사해서 브라우저 주소창에 입력하면 연결된다. ※ 해당 주소의 유지시간은 8시간이며 다시 ngrok에서 명령어로 실행하면 주소가 갱신된다.
https://betterprogramming.pub/aws-vs-azure-vs-firebase-vs-heroku-vs-netlify-how-to-choose-the-best-platform-for-web-projects-482d017de254 AWS vs Azure vs Firebase vs Heroku vs Netlify—How To Choose the Best Platform for Web Projects Choosing the right platform for web projects can be challenging betterprogramming.pub Netlify : 단점, 자바 기반 못돌림 Firebase: 안드로이드나 ios기반 앱을 돌리기 좋다 Heroku: 노드 기반 프로젝트에 좋다..
id를 editor 로 갖는 textarea에 name만 글내용을 전송할 객체이름과 맞춰주면 전송될 거 같긴 한데 해보니까 안되서 그냥 수동으로 설정한다. 페이지 하단의 스크립트에 다음과 같이 작성한다. CK editor5는 .getData()함수를 제공한다. 실제 삽입되는 에디터의 입력창은 class명이 매우 긴데, ck-content 라는 이름을 갖고 있음. 삽입하려는 input폼을 선택자로 지정해주고 value값에 getData() 함수를 써주면 console.log 사용시 콘솔에 나오기 시작한다. 난 실시간으로 입력값이 받아지는지 보려고 Jquery의 keyup()함수를 사용했다. ※ 에디터의 툴바 플러그인과 툴바 메뉴도 설정할 수 있는데, 상세하게는 못하고(오류가 나서) 필요한 기능만을 정했다.
sun.misc.BASE64 는 옛날 버전 java.util.Base64 는 자바 1.8부터 추가되었다고 함 근데 어케 쓰는지 모르겠어서 오픈소스 라이브러리인 org.apache.commons.codec.binary.Base64를 사용하였음 Base64.encodeBase64String Base64.encodeBase64URLSafeString 이 두개는 인코딩이 잘 된다 바이너리는 잘 모르겠음... SHA-256은 인코딩만 있고 SEED의 경우는 인코딩/디코딩이 모두 있다고 한다.
html / css / jsp 를 UTF-8로 설정 General 탭에서 Content Types를 누르고 Java Class를 선택한 뒤에 Default Encoding에 UTF-8을 Update 후 Apply General 탭에서 Workspace 에서 text file Encoding을 Other: UTF-8 로 설정 후 Apply 하면 한글이 깨지지 않는다. ※ 톰캣의 web.xml 에서 filter 태그에 SetCharactorEncodingFilter를 UTF-8로 추가하면 값이 DB로 가거나 뷰에 보여줄 때 깨지지 않는다.
로그인 창의 경우 아이디: input 상자(타입은 text) 비밀번호: input 상자(타입은 password) 로그인 버튼(submit) 회원가입 창의 경우 약관 체크박스 input 상자 (아이디, 이름, 비밀번호, 비밀번호 확인, 주소, 이메일 등등) form 안에 작성되어야 한다 form의 속성은 method="post" action="회원가입 창에서는 로그인 창으로, 로그인 창에서는 로그인 로직으로" onsubmit="유효성검사 스크립트()" label태그 안에 input 상자를 넣으면 라벨을 클릭하면 input상자 안에 커서가 선택된다 label for 와 input의 id를 일치시켜주면 굳이 label 안에 상자를 넣지 않아도 됨 정규식 표현을 통해서 해당 input상자의 값이 조건에 맞는지 ..
