본문 바로가기

전체_컨텐츠2572

JavaScript - getElementbyId ()란? 사용법 안녕하세요. 고코더 입니다. 자바스크립트보다 jQuery에 익숙한 분들은 슬슬 getElementbyId의 철자를 잊어먹기 시작했을 것입니다. 저 역시 마찬가지입니다. 하지만 자바스크립트 기본기를 탄탄히 하려면 바닐라 JS 위주로 다시 한번 리마인드 해보시기 바랍니다. getElementbyId ● 1. 이 함수는 element의 ID를 이용해 요소를 찾는 함수입니다. 일치하는 dom을 찾았다면 엘리먼트를 반환합니다. 만약 아래와 같은 id를 가진 div를 이 함수를 이용해 찾아보겠습니다. ● 2. document.getElementById()를 선언하고 그 안에 ID값을 넣어서 변수로 담으면 완료입니다. let gc = document.getElementById("GoCoder"); ● 3. 익숙한 방.. 2021. 11. 3.
DBeaver - 기업 무료 데이터베이스 관리 툴, 다운로드 안녕하세요. 고코더 입니다. 데이터베이스를 조작하는 프로그램은 꽤 비싼 편입니다. 오라클을 관리하는 Toad만 해도 200만 원이 넘습니다. 그래서 찾아본 결과 기업에서도 무료로 사용 가능한 DBeaver라는 프로그램을 찾아서 공유합니다. DBeaver 라이선스 아파치 2.0 라이선스입니다. 그러므로 회사에서도 자유롭게 사용이 가능합니다. 다운로드 해당 홈페이지를 접속해 파일을 다운로드합니다. 참고로 "Community Edition"이 무료입니다. 해당 버전을 다운로드하시면 됩니다. 라이트 하게 사용한다면 큰 차이를 느낄 수 없습니다. https://dbeaver.io/download/ Download | DBeaver Community Download Tested and verified for MS .. 2021. 11. 3.
jQuery - 구브라우저 호환 플러그인 / jquery migrate 안녕하세요. 고코더 입니다. IE8 버전 이하에서 호환되는 jQuert 버전은 1.8 이하라고 배웠습니다. 하지만 기능 부족하고 최적화가 덜된 구버전 jQuery로 개발하는 것도 매우 어려운 일입니다. 그래서 jQuery에서는 최신 버전에서 구버전 브라우저의 호환성을 위해 플러그인을 배포하고 있습니다. 바로 jquery migrate입니다. jquery migrate 아래 소스처럼 jQuery와 함께 참조를 하여 사용이 가능합니다. 그럼 자동으로 1.9 버전부터 제거된 기능들을 이용할 수 있고 구버전 브라우저에 호환성에 맞게 움직이게 됩니다. 깃허브 해당 플러그인에 깃허브 주소입니다. https://github.com/jquery/jquery-migrate GitHub - jquery/jquery-mig.. 2021. 11. 3.
jQuery - IE8 이전 호환성이 필요하다면 1.x 버전을 사용해야 합니다. 안녕하세요. 고코더 입니다 IE가 브라우저 시장을 점유했고 지금은 크롬 기반의 브라우저가 시장을 제패했습니다. 이 덕분에 오래전에 개발된 사이트 중에는 아직도 IE 구버전이 필요한 경우가 많습니다. jQuery 1.x 그런데 jQuery를 사용하는 사이트라면 구버전을 호환하기 위해서는 1.x 버전이 필요합니다. 좀 더 정확히 이야기하면 1.9 이하일 때 가능합니다. 아래 URL로 이동하면은 1.8.3 구버전 IE를 호환하는 최신(?) 버전을 다운로드할 수 있습니다. https://blog.jquery.com/2012/11/13/jquery-1-8-3-released/ jQuery 1.8.3 Released | Official jQuery Blog jQuery 1.8.3 Released Woo hoo, T.. 2021. 11. 3.
jQuery 게임 엔진 - gamequeryjs.com 안녕하세요. 고코더 입니다. 자바스크립트로 게임을 만드는건 이제 흔할 정도로 많은 분들이 제작하고 있습니다. 그런데 jQuery를 이용한 게임 엔진이 있다는 사실을 알고 계신가요? gamequeryjs ● 1. 바로 게임쿼리js 라는 사이트입니다. 마지막 글을 보니 2013년도 부터 운영이 중단된 플러그인 같습니다... http://gamequeryjs.com/ ● 2. 하지만 결과물을 보면 간단한 미니게임들이 레퍼런스로 존재합니다. 그중에 하나 슈팅게임입니다. http://gamequeryjs.com/demos/3/ ● 3. 소스는 깃허브에 공유되어 있습니다. 관심있는 분들은 한번 다운받아 보시기 바랍니다. (지원이 중단된 같아서 굳이 학습할 필요는 없을거 같습니다. https://github.com/.. 2021. 11. 3.
JavaScript - 자바스크립트로 대문자, 소문자로 변경하기 안녕하세요. 고코더 입니다. 자바스크립트에서는 알파벳을 대문자, 소문자로 변환하는 기능이 있습니다. 이것에 대해 간단하게 알아보겠습니다. toUpperCase(), 대문자로 변경하기 문자열을 대문자로 변경하는 방법입니다. 단순하게 변수 뒤에 .toUpperCase()를 사용하면 손쉽게 변경이 가능합니다. let str = 'GoCoder'; str = str.toUpperCase(); console.log(str); toLocaleLowerCase(), 소문자로 변경하기 문자열을 소문자로 변경하는 방법입니다. 단순하게 변수 뒤에 .toLocaleLowerCase()를 사용하면 손쉽게 변경이 가능합니다. let str = 'GoCoder'; str = str.toLocaleLowerCase(); conso.. 2021. 11. 3.
JSP - trimDirectiveWhitespaces / 불필요한 공백을 자동으로 제거 안녕하세요. 고코더 입니다. JSP 페이지를 개발하다. 보면은 공백이 많이 생깁니다. 물론 사용자는 알아챌 수 없지만 쓸데없는 엔터들이 난무를 합니다. 각종 서블릿들이 페이지 안에 끼어들다 보니 다양한 공백과 엔터 값이 생길 수밖에 없습니다. 공백 제거 trimDirectiveWhitespaces 그래서 jsp2.1, servlet2.5 버전부터는 이러한 불필요한 공백을 제거하는 trimDirectiveWhitespaces 기능을 사용할 수 있습니다. 사용법은 간단합니다. JSP내에 해당 소스를 입력해주면 알아서 난무한 공백들을 제거해줍니다. 결과 화면 해당 소스 한 줄이면 이유 없이 생겨있던 상단의 엔터 값들이 깔끔하게 정리된 모습을 볼 수 있습니다. 2021. 11. 3.
JSP - contentType, pageEncoding의 차이 안녕하세요. 고코더 입니다. JSP에서 인코딩을 설정할 때 contentType, pageEncoding를 동시에 설정합니다. 보통은 UTF-8로 소스코드처럼 최상 단위에 놓게 됩니다. 그런데 이 두 개의 차이점을 궁금해하는 분이 있어서 두 개의 차이점을 다뤄보도록 하겠습니다. contentType 해당 속성은 브라우저가 즉 HTTP가 해당 주소를 받아올 때 페이지의 인코딩을 의미합니다. 다시 말하면 의미 HTTP의 헤더에 그대로 이 내용이 들어가게 됩니다. charset을 통해 페이지를 요청하는 것이며, 웹서버에서 응답하여 클라이언트가 페이지를 받았을 때의 인코딩 방식입니다. 좀 더 쉽게 말하면 "브라우저가 받아볼 인코딩 형식"입니다. pageEncoding JSP 파일 자체의 인코딩 방식을 뜻합니다... 2021. 11. 3.
윈도우10 - 마우스 커서 크기 변경하기 안녕하세요. 고코더 입니다. 코딩을 하다 보면 마우스 커서가 숨어있어서 찾기 어려울 때가 있습니다. 그래서 생각한 게 바로 마우스 포인터 크기를 키우는 방법입니다. 필요에 따라 개인의 성향에 따라 마우스 커서를 크게 하고 싶은 분은 간단하게 설정이 가능합니다. ● 1. 윈도에서 시작 버튼을 눌러 "마우스 포인터 크기 변경"이라고 검색어를 입력합니다. 그럼 직관적인 모양의 아이콘이 나타납니다. ● 2. 포인터 크기 변경에서 오른쪽으로 크기를 큰 반향으로 막대기를 옮기면 시원한 마우스 커서로 윈도를 즐기실 수 있습니다. 2021. 11. 2.

티스토리툴바