본문 바로가기

전체_컨텐츠2292

온라인 지렁이 키우기 게임 / 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.
chrome - 크롬에서 유투브 동영상 빠른속도로 재생 유지하기 "YouTube Player Speed Controls" 안녕하세요. 고코더 입니다. ● 1. 유투브 영상을 볼 때 조금 빠른 속도로 보는 경우가 있습니다. 강의 같은 경우가 그런데요. 기본 유튜브 재생속도를 설정 기능을 제공하지만, 다음 영상으로 넘기면 다시 원래 속도로 돌아옵니다. 하지만 이 확장 프로그램을 설정해놓으면 매번 새롭게 재생속도를 설정하지 않아도 됩니다. ● 2. 해당 확장 프로그램을 크롬에서 접속하여 설치를 합니다. YouTube Player Speed Controls - Chrome 웹 스토어 (google.com) ● 3. 그럼 유투브 플레이어에 이렇게 재생속도를 조절할 수 있는 바가 나타나고, 이를 수정하면 다음 영상도 자연스럽게 재생속도가 유지가 됩니다. 2021. 7. 5.
edge - 엣지 브라우저 기본 검색엔진 변경 안녕하세요. 고코더 입니다. ● 1. 마이크로소프트 엣지의 기본 검색자는 당연히 자신들이 만든 검색엔진인 빙(bing)을 사용합니다. 개인적으로 국내 포털 서비스보다 기능은 강력하지만, 역시 구글에 비하면 부족한 검색 결과를 내놓습니다. 그래서 이번 시간에는 크롬 기반 엣지에서 주소창 기본 검색엔진을 bing으로 변경해보려고 합니다. ● 2. 엣지를 실행하고 해당 주소를 입력합니다. 그러면 "주소 표시줄 검색 엔진" 설정창이 나타납니다. edge://settings/searchEngines ● 3. 원하는 검색 엔진에 맨 끝 점 세 개가 있는 더 보기 버튼을 클릭합니다. 그리고 기본 값으로 설정을 선택합니다. ● 4. 그렇게 되면 선택한 검색 엔진이 기본값이 되고 이제 주소 줄에서 검색 시 해당 서비스로.. 2021. 7. 5.
한라산 CCTV 보는 사이트 안녕하세요. 고코더 입니다. ● 1. 펜데믹이 시작되면서 제주도 여행이 각광받고 있습니다. 그 중에서도 한라산이 여행의 꽃이죠. 일이 바뻐서 멀리서나마 한라산 CCTV를 볼 수 있는 사이트를 찾았습니다. ● 2. 혹은 한라산을 방문할 예정인 분들은 날씨 체크에도 도움이 될거 같습니다. http://www.jeju.go.kr/tool/halla/cctv.html#sources ● 3. 사이트에 들어가면 CCTV를 바로 볼 수 있고, 백록담, 왕관릉, 윗세오름, 어승생악, 1100도로 까지 볼 수 있습니다. 2021. 7. 1.
무료 부트스트랩 테마 사이트 - bootswatch.com 부트스트랩 무료 css 안녕하세요. 고코더 입니다. 세상에서 가장 인기 있는 HTML 라이브러리라고 자칭하는 부트스트랩 테마를 무료로 배포하는 사이트를 소개합니다. 미리 완성된 테마를 사용하면 사이트 만들기가 매우 용이합니다. 간단한 사이트라면 무료 테마를 이용하여 빠르게 개발해보시길 바랍니다. ● 1. 해당 사이트를 접속합니다. https://bootswatch.com/ ● 2. 그리고 원하는 무료테마를 다운로드하면 css 가 다운로드됩니다. 스크롤을 내리면 유료도 있으니 참고 바랍니다. ● 3. 프리뷰를 통해서 미리 사용할 부트스트랩의 디자인을 확인해보시길 바랍니다. https://bootswatch.com/cerulean/ 2021. 6. 30.
SpringBoot - Gradle 프로젝트에 out, build 폴더가 있는 이유는? 안녕하세요. 고코더 입니다. ● 1. Gradle 프로젝트를 보면은 의아한 부분이 하나 있습니다. 바로 out, build 폴더의 준재입니다. 두 개의 폴더를 열어보면 동일한 클래스 파일을 소유하고 있습니다. 하지만 이유를 알면 정말 간단합니다. out - 폴더는 인텔리제이 빌드시에 컴파일한 class를 저장하는 폴더 입니다. build - 폴더는 gradle 빌드시에 컴파일한 class를 저장하는 폴더 입니다. ● 2. "다시 정리하자면 "out"폴더는 인텔리제이가 생성한 .class 파일 및 아티팩트를 배치하는 위치" 마무리 인텔리제이로 옮기니 새롭네요. 2021. 6. 30.
크롬 - 네이버 영어사전 사용하기 안녕하세요. 고코더 입니다. 크롬에서 가끔씩 영어사전을 사용하고 싶을 때가 있습니다. 특히 저처럼 영어공부를 하는 이들에게는 페이지를 한 번에 번역하는 것보다 단어 하나씩 검색하고 싶은데요. 물론 바로 구글에 검색하면 결과가 나오겠지만 확장 프로그램으로 작은 사전이 필요로 합니다. 그래서 확장 프로그램을 찾아보았습니다. ● 1. 해당 크롬 확장 프로그램을 다운로드합니다. 네이버 영어 사전을 바로 사용할 수 있는 확장 프로그램입니다. 개발자가를 보니 개인이 만들었네요. 네이버 영어사전 (Naver English Dictionary) - Chrome 웹 스토어 네이버 영어사전 (Naver English Dictionary) 영어 단어의 뜻과 예문을 쉽게 찾을 수 있습니다. chrome.google.com ●.. 2021. 6. 30.
MySQL - "error code 2013 lost connection to mysql server during query" / 타임아웃 안녕하세요. 고코더 입니다. ● 1. Mysql에서 SQL을 실행할시에 아래와 같은 오류 메세지가 발생하는 경우가 있습니다. 원인은 쉽게 말해서 연결이 길어지면서 정해진 시간동안 자연스럽게 서버와의 접속이 끊어지는 현상입니다. 이유는 여러가지가 있지만, 정상적으로 쿼리를 작성하고 실행한 경우라면 쿼리 제한 시간을 늘려주어 해결이 가능합니다. error code 2013 lost connection to mysql server during query ● 2. MySQL 워크벤치 기준으로 Edit -> Preferences로 이동합니다. ● 3. SQL Editor 에서 DBMS connection read time out (in seconds) 라고 나와 있는 곳의 시간을 늘려줍니다. 만약 1분이라고 하면.. 2021. 6. 30.
jQuery - parent() 부모요소를 선택하기 제이쿼리를 사용해, 부모요소 찾기 안녕하세요. 고코더 입니다. ● 1. jQuery에서 해당 요소위에 바로 위에 존재하는 부모 요소를 선택하는 방법을 알아보겠습니다. 실무에서 자주 사용하는 3가지 정도의 방법이 있지만 오늘은 하나의 부모 요소를 반환하는 parent() 를 사용해보겠습니다. ● 2. 해당 p태그의 상단에는 div 태그가 있습니다. 이를 한번 선택해보도록 하겠습니다. 부모를 찾아라 ● 3. 방법은 간단합니다. 자식요소에서 부모 요소를 찾는 방법은 .parent();를 사용합니다. $('p').parent(); ● 4. 조금 더 응용 해보겠습니다. 해당 처럼 사용하면 div 라는 태그가 선택되어, div 가 출력 됩니다. var tag = $('p').parent().prop('tagName.. 2021. 6. 29.