목록Information Technology/Frontend (4)
Hongsam's Blog
FileUpload Tag를 개인적으로 정리하고 싶으니 정리를 하도록 하자 기본 FileUpload 태그 // 멀티 업로드를 위해서는 multiple 을 입력해 준다. const onChangeHandler = (event) => { if (event.target && event.target.files) { // event.target.files 배열에 file binary 내용이 들어 있다. } // temp file로 만들고 URL을 구하기 위해 binary를 복사 let reader = new FileReader(); reader.onload = function (event) { let tempImageUrl = event.target.result; } reader.readAsDataURL(even..
고객의 요청은 다음과 같다. "현재 페이지를 여러가지 언어로 번역하여 사용하면 좋겠어요" 그래 고객님이 원하니 찾아봐야지 www.w3schools.com/howto/howto_google_translate.asp How To Google Translate How TO - Google Translate Learn how to add a Google Translate button on your web page. Google Translate Button Start with a simple basic web page. Add a element with the id "google_translate_element": Example My Web www.w3schools.com 세상은 넓고 감사한 분들은 차고 넘친다..
나는 워드프레스를 잘 못쓴다... 차라리 내가 HTML / CSS / Javascript를 모두 수정하는게 마음이 편해서 . . . 근데.... 술김에 싸다고(?) 워드프레스 호스팅을 선택했고 . . . . 그래 워드프레스를 워드프레스 처럼 쓰지 말아보자. 우선 디자인 감각도 없고 처음부터 만드는건 시간이 없으니... 부트스트랩 테마를 기웃기웃 댔다. startbootstrap.com/templates Free Bootstrap Templates Free Bootstrap templates that are perfect starter layouts for your next web based project. With minimal added CSS, these layouts are ready for cus..
고객님의 요청으로 빠르게 홈페이지를 만들어야 할 때... 로그인 및 계정, 권한 관리가 필요했다. 우선 가장 간단하게 . . . . . 계정이 있는 사람만 글을 볼 수 있도록 하기 위해... 일단 간단하게 하기위해 워드프레스를 사용했다. 기본적으로 워드 프레스는 다음 과 같은 역할 리스트가 존재한다. 페이지 및 글을 추가 할 경우 '비공개' 를 하게 되면 [편집자]와 [관리자] 들은 볼 수 있다. 그런데 [편집자], [관리자] 권한은 사실 너무 많은걸 변경할 수 있는 권한을 가진 역할이며..... [구독자] 정도가 그냥 회원관리로 쓰기에는 맞춤해 보인다. 그래서 구글링을 통해 워드프레스의 다음 페이지를 수정하여 일단 로그인된 사용자만 페이지를 확인 할 수 있도록 수정하였다. 경로 : /wp-content..