전체 글

Let's Encrypt  SSL 무료 인증서 발급하기무료 인증서인 Let's Encrypt 인증서 발급하기   1. win-acme 설치 및 실행 win-acmewin-acme This is a ACMEv2 client for Windows that aims to be very simple to start with, but powerful enough to grow into almost every scenario. A very simple interface to create and install certificates on a local IIS server A more advanced interface for mwww.win-acme.comwin-acme 프로그램을 통해 인증서 발급/갱신/삭제가 가능했..

자바스크립트 랜덤 함수 및 setTimeOut 사용하기 See the Pen Untitled by Give J (@Give-J) on CodePen. 🩸이슈 발생 랜덤이지만 특정 규칙에 의해 숫자(인원수)가 변경되어야 했다. 1. 인원수 랜덤 (단, 범위 지정) 2. 변경되는 간격 랜덤 (단, 7초~15초 사이) 3. 시간대에 따라 다른 인원수 범위 🩹이슈 해결 1. HTML 지금 31 명이 보고 있어요! 2. CSS #web-only .fix_box{ position: fixed; bottom: 40px; left: 160px; width: 389px; height: 80px; margin-bottom: 80px; } #web-only .fix_box .viewElement { background: r..

OG태그 설정하기 🩸이슈 발생 웹 페이지 링크를 네이버 블로그에 올렸을 때 뜨는 사진을 변경해 달라고 하셨다. 그것도 제가 할 수 있는 거였나요..? 파비콘 설정하는 곳으로 가봐야 할 것 같아서 일단 헤더로 갔다. 🩹이슈 해결 1. Header 에 적혀있던 meta 태그 발견 구글링 후 새롭게 알게된 og태그 속성 2. og 태그란? Open Graph, SNS 게시할 때 보이는 웹 콘텐츠 내용. 헤드 태그 안에 작성된다. og:type 웹 페이지 타입 og:title 웹 사이트 이름 og:description 웹 페이지 설명 og:image 표시 이미지 3. 이미지 및 내용 수정 적용 네이버 블로그에 뜨는 웹사이트 링크 카카오톡에 뜨는 웹사이트 링크 4. 적용성공! 💡유의사항 OG태그 설정 전에 이미 ..

DATE_FORMAT 함수 사용하기 DATE_FORMAT 함수 사용방법 1. 함수 형식 DATE_FORMAT( date , format ) - date : 가져올 컬럼 명 - format : 문자열로 반환할 형식. 2. 문자열 반환 방법 %Y 년 %m 월 %d 일 %H 시간 %I 분 %S 초 - 해당 문자를 사용하여 데이터를 가공해보자 3. 예시 SELECT DATE_FORMAT(DT_REGDATE,'%Y-%m-%d %H:%i:%s') AS DT_REGDATE FROM TBL_QNA_INFO - '%Y-%m-%d %H:%i:%s' 로 넣은 경우 - '%Y년 %m월 %d 일' 로 넣은 경우 4. 특정 기간 조회 - 1월1일~1월31일 데이터만 조회하려면? SELECT * FROM TBL_QNA_INFO W..

책 리뷰 : 오늘부터 개발자 코딩을 접하기 전에 가장 처음 접한 개발 책이었다. 비전공자 개발자로서 조금이나마 도움이 되지 않을까 싶어서 접한 이 책은, 코딩을 배우고 나서 다시 읽었을 때에도 감회가 새로웠고 개발자로 일을 시작해서 또 읽었을 때도 감회가 새로웠다. 읽을 때마다 더더욱 색다르게 다가온 책이었다. "처음부터 이해하려고 하기보다는 익숙해진다는 개념으로 접근하면 좋다" p.183 코딩을 처음 접해서 어려움에 머리를 싸매고 있었을 때 가장 와닿았던 구절이었다. 이해보다는 익숙해지기. 이게 왜 이렇게 되는 거지 ? 왜? 이해를 위한 질문을 했었지만 결국에는 이해보다는 암기로 넘어갔던 수업 내용들이 많았었다. 이해를 해야할 것만 같았지만 결국에는 강박에 지나지 않았다. 이해보다는 익숙함을 위해 접근..

책 리뷰 : 오늘도 개발자가 안 된다고 말했다 늘 기능 추가에 거절할 준비부터 하는 내 모습을 들킨 것만 같은 책 제목. 제목만 보고 결제를 결심했다. 저 한 문장에 내 얘기가 담겨있을 것만 같은 확신이 들었다. 이 책은 디자이너와 기획자가 개발자와의 원활한 협업을 위해 쓴 글이다. 다른 사람들의 협업의 모습은 어떨까, 그리고 비개발자가 보는 개발자들의 모습과, 나와 같은 개발자들의 이야기가 늘 궁금했던 나로서는 이 책을 앉은자리에서 모두 읽어버렸다. "협업을 잘하는 개발자" Part1 - p.43 책에서는 협업을 잘하는 개발자를 4가지로 정리했다. 집요한 문제 해결, 비즈니스를 이해하는 눈, 쉽게 말하는 소통의 기술, 체계적인 업무 관리와 빠른 피드백. 어찌 보면 진부한 이야기 일 수 있겠지만 한 번 ..

이클립스 인코딩 환경설정 하기 🩸이슈 발생 이클립스에서 HTML 파일을 설정 없이 사용하면 문자가 다 깨져버린다. 기본적인 인코딩 환경설정이 반드시 필요. 🩹이슈 해결 * 기본 설정 창 : window - preferences 열어주기 1. General - Content type - text에 utf-8 입력 후 update하기 2. General - Workspace - MS949를 utf-8로 변경하기 3. Web - CSS / HTML / JSP Files 각각 들어가서 UTF-8 (첫 번째 옵션)으로 변경하기 💡유의사항 * 모두 적용 후 HTML 파일 생성하려면 : File - New - Dynamic Web Project로 생성하기

WHERE 절에 서브 조건 하나 더 주기 🩸이슈 발생 IN_TYPE_CODE =3004인 게시판만 조회해야하는데 같은 IN_TYPE_CODE 여도 A경로에서는 SUB_TITLE = '전체공지' 인 글만 가져와야하고 B경로에서는 서브 조건이 필요 없어야 했다. 🩹이슈 해결 1. 기존 WHERE 절 SELECT * FROM TBL_BOARD_INFO WHERE IN_TYPE=CODE = #{IN_TYPE_CODE} - 여기서 뒤에 AND SUB_TITLE == '전체공지' 조건을 줄 경우 B 경로에서도 모두 전체공지 만 뜨게 된다. 2. 쿼리문에 서브조건을 위한 IF 문 추가 SELECT * FROM TBL_BOARD_INFO WHERE IN_TYPE=CODE = #{IN_TYPE_CODE} AND SUB_..

자바스크립트 툴팁, 툴팁 박스 만들기 🩸이슈 발생 클릭 시 수정/ 삭제 버튼 나타나는 툴팁 박스 뜨게 하기 🩹이슈 해결 See the Pen Untitled by Give J (@Give-J) on CodePen. 💡유의사항 바탕(배경)을 눌러도 툴팁 박스가 닫히도록 구현했다!

스프링 게시판 이전 글 , 다음 글 구현하기 0. 이슈 발생 게시판에서 이전 글과 다음 글을 보여주는 기능 구현해보기 1. JSP (document_detail.jsp) 이전 ${listLevel.PREV_TITLE} 이전글이 없습니다. 다음 ${listLevel.NEXT_TITLE} 다음글이 없습니다. - 데이터가 없을 경우(empty) 없습니다 표시해주기 #nextBoard{ border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; width: 1180px; margin-left: 20%; } #nextBoard tr{ height: 60px; } #nextBoard td:nth-child(1){ width: 120px; font-size: ..