컴퓨터, 노트북 블루투스 연결법 블루투스 기기를 pc나 노트북에 연결하는 방법은 매우 간단하다. 내가 원하는 블루투스 기기를 연결하려면 먼저 기기 등록을 해주어야 한다. [설정]-[장치]-[블루투스 및 기타장치] 메뉴로 이동. 장치 메뉴는 프린터와 마우스 등 각종 장치의 연결 상태와 설정을 할 수 있는 메뉴이다. 바로 가기 단축키는 윈도우 버튼과 영문자 I를 동시에 눌러주면 된다(WIN+I) 블루투스가 켬 상태인지를 먼저 확인하고 블루투스 또는 기타 장치 추가를 클릭한다. 디바이스 추가메뉴에서 블루투스(Bluetooth)를 클릭해 연결하려는 기기를 검색한다. 해당기기가 목록에 보인다면 해당 기기를 클릭해 내 컴퓨터에 등록하자. 기기가 연결이 되면 디바이스를 사용할 준비가 되었다는 메시지와 함께 컴퓨터와 ..
쿠팡 파트너스란? 쿠팡파트너스는 쿠팡에서 운영하는 온라인 제휴마케팅 서비스이다. 쿠팡에 등록되어 있는 상품을 본인의 미디어(웹사이트, 블로그, 유튜브) 등에 노출하여 24시간 이내에 구매가 발생할 경우 발생한 수익의 3%를 지급받는다. 예를 들어 100,000원짜리 상품을 노출시켜 판매에 성공할 경우 3,000원의 수익이 나는 셈이다. 게다가 링크를 누른 사람이 쿠팡에서 다른 물품을 살때에도 이 링크는 유효하다. 이러한 점에서 쿠팡파트너스는 상당히 매력적이라 많은사람들이 쿠팡파트너스를 이용하고 있다. 하지만 이런 쿠팡파트너스는 한가지 주의할 점도 있다. "이 포스팅은 쿠팡파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 파트너스 활동으로 게재된 모든 게시물에는 대가성 문구를 반드시 ..
CDN이란? cdn이란 콘텐츠 전송 네트워크의 약자로 데이터 사용량이 많은 페이지 웹페이지의 로드 속도를 높이기 위해 연결된 서버 네트워크이다. 사용자가 웹 사이트를 방문하면 데이터를 주고 받기 위해 인터넷 통신이 이루어지는데 특히 동영상이나 큰 이미지와 같은 대용량 파일의 경우 로드하는데 시간이 오래 걸리게 된다. 이때 cdn을 이용하면 사용자와 가까운 cdn 서버를 연결해주어 대기시간을 줄이거나 통신 지연을 줄여준다. jQuery CDN 종류 jquery에서는 uncompressed, minified, slim, slim minified 총 4가지의 패키지를 제공한다. uncompressed : 원본 파일(확장자 .js) minified : 원본을 압축한 파일 (확장자 : .min.js) slim :..
홈페이지 운영을 하다 보면 팝업을 쓸 일이 참 많다. 공지사항이나 특별한 메세지를 전달할 때에는 메인에 뜨는 팝업만큼 효과적인 게 없기 때문이다. window.open()을 이용해 작은 팝업을 띄울수도 있지만 팝업차단을 하면 막히기에 보편적으론 레이어팝업이 선호되는 편이다. 레이어 팝업 디자인 팝업창 예제 첫번째 팝업입니다. 홈페이지 바로가기(클릭) 공지사항보기 오늘 하루 열지 않기 레이어 팝업 디자인을 살펴보자. 여러개의 팝업을 쓰기 위해 id값은 div[id ^= 'layerPop'] 으로 처리한다. 이는 여러개의 팝업을 사용하기 위한 방법인데 layePop1, layePop2, layePop3, layePop4 이라는 id의 div도 style이 적용되게 한다. 팝업창은 가장 위에 보여야 하니 z-..
DB를 설계할 때 데이터 베이스 설계 사이트를 이용하면 매우 편리하다. 예전에는 erwin 같은 소프트웨어 등을 많이 이용했는데 요즘에는 온라인으로도 충분히 설계가 가능한 사이트들이 많다. 데이터 베이스 설계 사이트의 장점 1. 쉽고 강력하게 데이터베이스 설계가 가능하다 DB종류(Oracle, MySQL, MariaDB 등등)에 따라 각기 다른 방식으로 설계가 가능하다. 설계한 ERD로 테이블을 생성할수 있는 SQL을 자동으로 만들어준다. 2. 간편하게 이용하고 공유도 편하다 pc는 물론, 안드로이드, IOS, 스마트폰, 태블릿 등 어떠한 환경에서나 이용할 수 있다. 팀원과 공동작성시 쉽게 공유가 가능하고 ERD 변경시 실시간으로 푸시도 할 수 있다. 3. 자동화로 인한 생산성 증대된다. 자주 사용하는 ..
자바에서 파일 다운로드를 구현하다 보면 문제가 발생할 때가 있다. 그건 바로 다운로드는 되지만 파일명의 특수문자가 깨진다거나 한글파일명은 다운로드가 안 되는 경우이다. 그래서 오늘은 파일다운로드 할때 어떤 브라우저를 사용하더라도 최대한 다운로드가 실패하지 않게 구현하는 방법을 알아보자. 사용자페이지 ${파일명} ${파일명2} ${파일명3} 파일명을 A 태그로 감싸고 data값에 파일명과 파일경로를 써 주었다. 다운로드 클릭 이벤트가 일어나면 A tag에 있는 data 속성값을 가져와서 변수에 담는다. 미리 만들어둔 download form에 넣고 submit()을 실행한다. 파일 다운로드 컨트롤러 @RequestMapping(value = "/file/download") public void downlo..
오늘은 jsp에서 jstl을 이용해 어떻게 파라미터를 받을 수 있는지 한번 알아보자. https://letsplaycoding.tistory.com?searchText=jsp&searchType=name&pageNum=0 url에서 파란색으로 표시된 부분을 파라미터라고 한다. 파라미터는 보통 쿼리 스트링으로도 불리며 key값과 value 값의 형태로 이루어진다. 처음 물음표(?) 뒤에 나열이 되며 & 기호로 여러 개의 파라미터가 존재할 수 있다. 일반적인 jsp 페이지에서 자바 문법을 사용한 파라미터 처리방법 결과값 : jsp jstl을 이용한 파라미터 처리방법 ${param.searchTxt} 결과값 : jsp jsp 페이지에서 검색어 유지하기 목록 게시판을 만들 때 다른 페이지에 이동했다가 목록으로 ..
위도와 경로는 무엇일까?지금 보이는 세계지도에서 우리나라는 어디에 있다고 표현할 수 있을까?지도에 있는 어떤 나라와 어느 지역의 위치를 정확히 설명하는 것은 매우 어렵다.그래서 만든 것이 위치를 나타내는 좌표, 위도와 경도이다. 위도는 지구에서 위치를 설명하기 위해 만든 가상의 가로좌표이다.위도의 기준은 적도(위도 0)이고 적도를 기준으로 북쪽은 북위, 남쪽은 남위로 표현한다. 경도는 본초자오선(영국을 지나는 세로선)을 기준으로 하는 세로좌표이다.경도는 지도에서 영국을 기준으로 동쪽은 동경, 서쪽은 서경이라 부른다.수많은 나라 중에 굳이 영국을 기준으로 정해진 이유는 위도와 경도를 정할 때 영국이 세계에서 가장 강한 나라였기 때문이라고 전해진다. 그렇다면 우리나라의 위도와 경도는?우리나라의 위도와 경도..
Spring Boot는 별다른 설정 없이도 root를 기준으로 아래의 경로에서 정적 콘텐츠를 제공한다. classpath:/static classpath:/public classpath:/resources/ classpath:/META-INF/resources resources 폴더를 살펴 보면 static과 templates 폴더로 나뉘어 있는 것을 알 수 있다. 이는 스프링 버전이 올라가면서 jsp 대신에 thymeleaf 쓰게됨으로 템플릿 파일들을 두는 곳이 생기게 되었다. 그러므로 css나 js파일들은 static 폴더에 넣고 템플릿파일들은 templates 폴더에 넣어서 사용하면 된다. 실제 경로를 호출해보면 /resources/ 또는 /resources/static/ 을 경로에 붙이지 않아도 ..
개발자가 디자이너와 코더 없이 관리자페이지를 꾸미기란 여간 힘든 일이 아니다. 하지만 부트스트랩을 이용한다면 디자인,퍼블리싱 시간도 상당히 단축시키고 생각보다 훌륭한 사이트를 만들 수 있다. Bootstrap이란? 부트스트랩은 웹사이트를 쉽게 만들수 있게 도와주는 css.js 프레임워크이다. 약간의 html 지식만 있다면 코드하나로 손쉽게 휴대폰,태블릿,pc까지 작동하게끔 사이트를 제작하게 해준다. 부트스트랩의 본래 이름은 트위터 블루프린트. UI 프레임워크가 정형화되지 않아 유지보수에 어려움을 겪었던 트위터 개발자 마크 오토가 이를 개선하기 위해 만들었다. 그 이후 여러 개발자들이 개발에 참여했고 현재는 v5.3.2 버전까지 출시되었다. Bootstrap 소스 제공 사이트 부트스트랩 소스를 제공해 주는..
현재 개발세팅은 Spring Boot, gradle 환경에 mybatis, jsp를 사용하고 있다. 세팅하는 방법은 아래의 블로그를 참고하도록 하자. [Spring Boot , gradle ] mybatis 환경 설정 방법 Mybatis란? 마이바티스는 아파치 스포트웨어 재단에서 만든 자바 퍼시스턴스 프레임워크이다. 마이바티스는 xml 서술자나 어노테이션을 사용해 저장 프로시저나 sql문으로 객체들을 연결시킨다. letsplaycoding.tistory.com 데이터베이스 도구 및 SQL 플러그인 활성화 일단 인텔리제이에서 데이터베이스 도구를 사용하려면 SQL 플러그인을 활성화를 시켜야 사용할 수 있다. 활성화시키는 방법은 [View]-[Tool Windows]- [Database] 메뉴를 클릭하자. [..
Mybatis란?마이바티스는 아파치 스포트웨어 재단에서 만든 자바 퍼시스턴스 프레임워크이다.마이바티스는 xml 서술자나 어노테이션을 사용해 저장 프로시저나 sql문으로 객체들을 연결시킨다.특징으로는 기존의 ibatis보다 간결하고 유연한 설정방식을 제공한다. build.gradle에 JDBC 라이브러리 추가 implementation 'org.springframework.boot:spring-boot-starter-jdbc' bulid.gradle 파일에 spring-boot-starter-jdbc 라이브러리와 db 종류에 따른 jdbc 드라이버도 추가해준다. - mssql runtimeOnly 'com.microsoft.sqlserver:mssql-jdbc'- mysql (spring boo..