본문 바로가기

전체_컨텐츠2572

JavaScript - 자바스크립트로 특정 날짜 요일 알아내기 안녕하세요. 고코더 입니다. ● 1. 자바스크립트에서 특정 날짜에 요일을 알아내는 방법을 알아보겠습니다. 소스는 간단합니다. 우선 아래 코드를 확인해보세요. let week = new Array('일', '월', '화', '수', '목', '금', '토'); let today; let todayLabel; today = new Date("2021-01-01").getDay(); todayLabel = week[today]; ● 2. 결과는 당연히 잘나옵니다. 과거, 미래까지 원하는 날짜를 입력하면 요일이 출력됩니다. 그리고 week에 담긴 "일" 부터 "토"까지의 데이터를 바꾸면 해당 요일을 나타내는 텍스트를 바꿀수 있습니다. "일" 이라면 Sun 으로 바꿔서 사용이 가능합니다. 2021. 10. 31.
jQuery - 제이쿼리 최신 CDN 주소 / 구글, MS, cloudflare, jQuery 공홈 안녕하세요. 고코더 입니다. jQuery를 사용할 때 보통은 서버에 다운로드하여 링크를 따서 사용합니다. 하지만 테스트할 때나 상황에 따라서 CDN 주소를 사용하여 jQuery를 사용하기도 합니다. ● 1. jQuery 사이트에서 공식으로 사용하는 최신 제이쿼리 소스는 아래에 주소를 사용하면 됩니다. 버전업과 상관없이 최신 소스를 사용 가능합니다. 공식 사이트이기에 가장 신뢰가 가는 CDN 주소입니다. ● 2. 다음은 구글 제이쿼리 CDN 주소 입니다. 구글이라 안심하고 사용할 수 있습니다. 공식 jquery CDN 주소보다는 이 주소를 사용하는 경우가 좀 더 많은 거 같습니다. ● 3. cloudflare에서 제공하는 jQuery CDN입니다. ● 4. 마지막으로는 MS CDN 입니다. 2021. 10. 30.
jQuery - select 박스, 옵션 값 이외에 다른 값도 사용하기 안녕하세요. 고코더 입니다. 셀렉트 박스를 사용하다보면 옵션 value 값 이외에도 다른 데이터가 필요할 경우가 있습니다. 그럴 경우에는 data 함수를 사용하면 원하는 데이터를 얻을 수 있습니다. 예를 한번 들어보겠습니다. ● 1. 과일을 선택하는 셀렉트 박스를 만들었습니다. 그리고 value는 과일명 그리고 가격을 "data-price" 라는 속성에 값을 입력하였습니다. 빨간 과일 노란 과일 ● 2. 옵션 값 이외에 price 속성 값을 data() 함수를 사용해 가격을 가져왔습니다. 하나의 옵션 값에 두 가지 이상의 데이터를 가져오고 싶을때 사용 가능한 방법입니다. $("#fruit").on("change", function () { var value = $(this).val();//과일명 var .. 2021. 10. 30.
jQuery - 달력 플러그인 datepicker 비활성화 하기 / 사용하지 않게 처리 안녕하세요. 고코더 입니다. 달력 플러그인중에 최고의 기능을 자랑하는 녀석이 있다면 바로 "datepicker"입니다. 그런데 해당 달력 기능을 개발하던 중 특정한 상황에서 달력을 사용하지 못하게 해야 할 경우가 생겼습니다. 바로 데이트픽커를 사용하지 않게 해야할 경우입니다. 생각보다 간단하지만 헤매서 그 방법을 공유합니다. ● 1. 방법은 매우 간단합니다. 아래처럼 코딩을 하면 사용이 불가합니다. ("#달력").datepicker( "option", "disabled", true ); ● 2. 이렇게 달력이 비활성화되고 사용할 수 없게 됩니다. 정확히 말하면 클릭해도 반응이 없게 만들어집니다. ● 3. 반대로 다시 달력을 활성화시키고 싶다면 속성 값을 false로만 하면 됩니다. ("#달력").date.. 2021. 10. 30.
jQuery - 라디오박스 (radio box) readOnly 설정하기, 클릭되지 않게 하기 안녕하세요. 고코더 입니다. 라디오박스는 기본적으로 readOnly를 제공하지 않습니다. 그렇기 때문에 "disabled"를 처리할 수 밖에 없습니다. 하지만 명백히 이 두개는 상당히 다릅니다. 읽기 전용과 비활성화라는 다른 기능을 제공합니다. 그래서 오늘은 라디오 박스를 readOnly 처럼 사용할 수 있도록 jQuery를 통해 만드는 방법을 알아봅니다. ● 1. 해당 코드를 작성합니다. 선택자에서는 읽기전용으로 만들고 싶은 라디오 박스를 선택하고, 해당 코드를 실행합니다. 원리는 매우 간단합니다. 클릭시에 아무런 반응도 하지 않도록 이벤트를 주었습니다. $('input[name=radioBox]').click(function (event){ event.preventDefault(); event.sto.. 2021. 10. 30.
intellij - 브레이크 포인트 관리하기 / 한번에 삭제 안녕하세요. 고코더 입니다. 인텔리제이로 스프링을 개발하다 보면, 가장 중요한 기능 중에 하나가 바로 브레이크 중단점이 아닐까 싶습니다. 그런데 오랜 시간 개발하다. 이 포인트가 많아지고 결국 관리하기 어려운 지경에 다다릅니다. 하지만 다행히 intellij는 이런 브레이크 중단점을 관리하는 기능을 제공합니다. ● 1. 상단 메뉴바에서 Run을 클릭합니다. 그리고 메뉴에서 나타나는 "View Breakpioint"를 클릭합니다. 단축키로는 Ctrl + Shift + F8 입니다. ● 2. 중단점을 관리하는 메뉴에서는 현재 브레이크 지점들을 한눈에 볼 수 있습니다. 여기서 클릭하여 중단점으로 바로 이동이 가능합니다. ● 3. 그리고 한번에 브레이크 중단점을 사용하지 않고 싶다면 체크박스를 클릭하며 이렇게 .. 2021. 10. 30.
Spring - "Connection is read-only. Queries leading to data modification are not allowed;" 오류 해결법 안녕하세요. 고코더 입니다. ● 1. 스프링부트에 mysql 을 사용하던 중 해당 오류가 발생하였습니다. update 쿼리를 실행할시에 생기는 오류 메세지 입니다. 메세지 의미 그대로 읽기 전용으로 되어 있는 상태라서 수정이 안되고 있는 상태입니다. java.sql.SQLException: Connection is read-only. Queries leading to data modification are not allowed; ● 2. 해결 방법은 간단합니다. 어노테이션에 @Transactional 을 선언하고 readOnly 속성을 false로 지정해주면 완료입니다. @Transactional(readOnly = false) 그럼 손쉽게 해당 오류 메세지를 해결 가능합니다. 2021. 10. 30.
intellij - 인텔리제이 캐시 삭제 초기화 안녕하세요. 고코더 입니다. 인텔리제이를 하루 종일 사용하다 보면 뭔가 제대로 작동하지 않을 때가 있습니다. 캐시가 쌓이면 프로그램도 느려지고 오작동이 일어나는 경우가 생깁니다. 그럴 땐 intellij 가 제공하는 기능을 통해 캐시를 삭제할 수 있습니다. ● 1. 프로그램에서 상단 메뉴바에 file를 클릭합니다. 그리고 "Invalidate Caches"를 선택합니다. ● 2. 그럼 캐시를 삭제하는 기능의 팝업이 등장합니다. 기본적으로 체크되어 있는 상태를 신뢰하고 "INVALIDATE AND RESTART"를 클릭합니다. 그럼 인텔리제이가 다시 실행되고 ● 3. 새롭게 프로젝트를 로드합니다. 프로젝트가 잘 안 풀릴 때는 캐시 삭제하면서 쉬어가세요 2021. 10. 30.
온라인 지렁이 키우기 게임 / slither.io 안녕하세요. 고코더 입니다. ● 1. 온라인에서 즉시 참여 가능한 지렁이 키우기 게임(?)을 소개해드릴려고 합니다. 지렁이 한마리를 선택해서 먹이를 먹습니다. 그럼 몸이 계속 계속 커지게 됩니다. 자신의 몸이나 다른 사용자의 몸에 부딪치지 않고 계속해서 커지는 사용자가 승리하는 게임입니다. ● 2. 해당 사이트를 접속합니다. http://slither.io/ slither.io The smash-hit game! Play with millions of players around the world and try to become the longest of the day! slither.io ● 3. 자신의 닉네임을 정합니다. ● 4. 그리고 게임을 실행합니다. 형형색색의 먹이를 먹으면서 몸집을 키우면 됩니.. 2021. 7. 5.

티스토리툴바