Copy Coding

카카오톡을 핸드폰이 아닌 노트북 등 컴퓨터에 설치하면 카카오톡 서버로부터 계속해서 광고를 송출하여 팝업 광고가 나타나는데 이부분을 메모장을 이용하여 차단하는 설정 방법입니다.

먼저 설정을 하기 위하여 메모장을 관리자 권한으로 열어줍니다.

윈도우 화면 좌측 하단에서 [메모장]으로 검색을 실시합니다.

리스트에서 메모장이 보이면 마우스 우측버튼을 클릭하여 [관리자 권한으로 실행]을 선태 해줍니다.

메모장이 열리면 상단 메뉴 중

파일 > 열기…

를 선택하여 탐색기를 오픈하고 폴더를 찾아갑니다.

C:\Windows\System32\drivers\etc

폴더에서 [hosts] 파일을 선택하고 [열기] 버튼을 선택합니다.

맨 아래부분에 다음 한 줄을 추가해 줍니다.

카카오톡 광고 서버를 내 컴으로 설정해서 광고를 못받아오도록 해줍니다.

127.0.0.1 display.ad.daum.net

그리고 파일 > 저장 메뉴를 선택합니다.

혹시 보안 프로그램이 있다면 hosts 파일 변경에 대한 경고 메시지와 변경 복원에 대한 안내가 나오는데 변경을 하지 않는 다는 버튼을 선택 합니다.

여기서는 [아니오]를 선택 합니다.

카카오톡 창 하단이 네트워크 차단시의 설정으로 변경되며 광고가 나타나지 않습니다.

- copy coding -

홈페이지에 보안을 위하여 SSL을 적용하는 것이 얼마나 쉬운지 알아보도록 하겠습니다.

1. 프로젝트 생성

테스트를 위해 SSLProj라는 이름으로 프로젝트를 하나 생성합니다.

나머지 설정 값은 SpringBoot 버전에 따라 수정을 하거나 기본값을 선택해 줍니다.

Dependency에서는 간단한 테스트 용이라 Web만 선택했습니다.

[Finish] 버튼을 클릭하여 소스를 생성합니다.

workspace에 프로젝트가 생성 완료되었습니다.

2. SSL 인증서 생성

명령 창을 관리자 권한으로 하나 열고 path를 생성된 프로젝트의 메인으로 이동합니다.

그리고 keytool 명령어를 입력하여 인증서를 생성합니다.

아래와 같이 대충 입력 값을 기입합니다.

마지막에 y를 입력하면 인증서가 생성됩니다.

keystore.p12 파일이 새로 생성 되었습니다.

3. SSL 인증서 적용

application.properties 파일에 다음 내용을 입력하여 프로젝트에 인증서를 등록합니다.

server.port: 8989

server.ssl.key-store:keystore.p12

server.ssl.key-store-type=PKCS12

server.ssl.key-store-password=test123@!

password는 keytool로 생성할때 입력한 비밀번호입니다.

신규로 프로젝트를 생성하였으니 maven을 설치합니다.

프로젝트에서 maven install을 선택하여 설치합니다.

[INFO] ------------------------------------------------------------------------

[INFO] BUILD SUCCESS

[INFO] ------------------------------------------------------------------------

maven 설치가 성공하면 프로젝트를 실행하고 페이지를 오픈합니다.

아.  생성한 페이지가 없으니 Whitelabel Error 페이지가 나오겠네요.

공인 인증서가 아니다 보니 보기에는 안 좋아도 테스트는 잘 되었습니다.

진짜 서비스를 하려면 공인인증서를 구매해서 교체하면 됩니다.

- copy coding -

데이터베이스 서버가 많을 경우 작업을 하다보면 내가 지금 어느 서버에서 작업하는지 잠시 잊어버리고 엉뚱한 곳에서 쿼리를 실행하는 경우가 있습니다.

이런 상황을 방지하기 위해 DBeaver를 사용하는 경우 Server 별로 색상을 설정해 두면 혼동을 좀 줄일 수 있습니다.

이번 글에서는 간단하게 개발, 스테이징, 운영 이렇게 3가지의 경우만 설명하지만 색상 설정을 마음대로 할 수 있으므로 DB가 아주 많은 경우 종류별로 동일 하거나 비슷한 색상을 사용하여 설정할 수도 있습니다.

우선 어디서 색상을 설정해야 하는지 알아봅니다. 

DBeaver를 켜고 좌측에 있는 DB 목록 중 색상을 변경하려는 DB를 선택하고 마우스 우측 버튼을 클릭합니다.

팝업 메뉴에서 [Edit Connection]을 선택하여 설정 창을 오픈합니다.

좌측에서 Connection settings의 [General] 메뉴를 클릭 하고 우측에서 [Edit connection types] 버튼을 클릭하여 [연결 유형] 창을 오픈 합니다.

현재는 아무런 배경색이 없는 [Development]가 선택되어 있습니다.

색상 변경을 하려면 중간에 있는 [Color]의 우측 박스를 클릭하여 색상표를 오픈 합니다.

테스트로 노랑색을 선택했습니다.

[적용(A)] 버튼을 클릭하면

팝업 뒤로 보이는 SQL 편집 창이 노란색으로 변경된 것을 확인할 수 있습니다.

동일한 방법으로 스테이징과 운영은 기존에 있는 녹색과 주황색으로 선택을 하고 적용을 해보았습니다.

좌측에 각 DB별로 서로 다른 색상으로 표시되고 쿼리 창과 결과 창도 색상으로 구분이 되어 실수할 확률은 줄어들것 같습니다.

이번에는 자기만의 새로운 색상을 만들어 보도록 하겠습니다.

다시 [Edit connection types] 버튼을 클릭하여 [연결 유형] 창을 오픈 합니다.

연결 유형에서 리스트 좌측 하단에 (+)가 있는 파란색 아이콘을 클릭합니다.

[Connection type parameters] 항목에 있는 Name, Description, Color를 원하는대로 수정을 하고 [적용] 버튼을 클릭합니다.

이제 개발DB를 새로 생성한 [새로운 DB2]로 색상을 변경해 봅니다.

너무 색상이 진하긴 하지만 DB 구분은 확실하게 되는 군요.

이런 식으로 자신만의 색상 구분을 사용하면 될것 같습니다.

- copy coding -

작업의 환경에 따라 화면 밝기를 높여야 하는 경우에 어플리케이션까지 밝게 되어 장시간의 작업에 눈이 피로해지는 경우 간단한 설정으로 배경 테마를 변경하는 방법입니다.

1. 배경 테마 변경

DBeaver 를 켜고 상단 메뉴에서 [윈도우 > 설정] 을 선택합니다.

[환경 설정] 팝업이 나타나는데

좌측 메뉴의 [User Interface > 모양]을 선택하면 우측에 [테마] 설정 항목이 나타납니다.

여기서 콤보 박스를 번경하여 [Dark]를 선택하고 [적용] 과 [Apply and Close] 버튼을 클릭해주면

검은색 바탕으로 화면이 변경되어 눈부심으로부터 해방되어 작업이 가능합니다.

2. 기타 색상변경

테마 이외에 세부적인 색상을 변경하기 위해서는 위와 동일한 방법으로 [윈도우 > 설정] 을 선택하여 [환경 설정] 팝업의 띄우고

[User Interface > 모양 > 색상 및 글꼴]

이렇게 한단계 더 들어가는 선택을 해줍니다.

그러면 여러가지 항목에 대해 색상 설정을 변경할 수 있는데 간단하게 query에서 숫자의 색상을 변경해 보겠습니다.

우측에서 스크롤을 내려 [SQL 편집기]를 선택합니다.

[SQL 편집기] 항목을 확장하면 하단으로 이동하여 [SQL number color]를 선택합니다.

[미리 보기]를 확인하면 기본값으로 숫자는 파란색으로 표현되도록 설정이 되어 있습니다.

설정을 변경하기 전에는 숫자가 아래처럼 보이겠죠.

[SQL number color]를 선택하면 우측의 [편집] 버튼이 비활성에서 활성으로 변합니다.

[편집]을 클릭하면 색상표 팝업창이 나옵니다.

[기본 색] 또는 [사용자 지정 색 만들기]로 선택을 할 수 있는데 저는 빨간색으로 선택했습니다.

설정이 빨강색으로 변하고 실제로 표현되는 모양을 하단에 미리보기에서 확인 가능하니 가독성이 좋을 색상으로 선택을 하면 됩니다.

여기서는 숫자를 빨강색으로 선택했으니 아래처럼 바로 색상이 변경됩니다.

변경한 색상을 다시 원상 복구하려면 미리보기 하단에 있는 [기본값 복원] 버튼을 클릭하고 적용해주면 됩니다.

- copy coding -