카카오톡을 이용하다 보면 컴퓨터 화면 우측에 갑자기 팝업 광고가 뜨는 경우가 있습니다.

카톡을 하려고 프로그램을 클릭하다 잘못 클릭하여 광고를 클릭하는 경우도 있습니다.

 

 

 

위와 같이 카톡 프로그램 하단에 보이는 광고와 화면 우측에 뜨는 팝업 광고 차단 방법입니다.

개발자들은 기본적으로 알고 있는 방법이라 새로울 건 없지만 소개를 해봅니다.

 

윈도우 검색창에서 [메모장]으로 검색을 합니다. 

 

 

 

검색을 안해도 나오는 경우도 있지만 자주 사용하지 않았다면 검색을 해야 합니다.

검색된 메모장을 [관리자 권한으로 실행]을 해야 합니다.

 

 

 

메모장에 마우스를 대고 오른쪽 버튼을 클릭 하면 팝업 메뉴가 나오는데 맨 상단에 있는 [관리자 권한으로 실행]을 클릭합니다.

 

메모장이 실행되면 파일을 하나 불러와야 합니다.

 

 

메뉴에서 파일 > 열기 를 선택 합니다.

 

그리고 C:\Windows\System32\drivers\etc 위치로 폴더를 이동합니다.

 

 

 

 

C:\Windows\System32\drivers\etc 폴더에 가면 hosts 라는 파일이 있습니다.  이 파일을 [열기] 버튼을 이용하여 열어봅니다.

 

 

# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
 
# localhost name resolution is handled within DNS itself.
#         127.0.0.1       localhost
#         ::1             localhost
127.0.0.1 display.ad.daum.net

 

그리고 맨 화단에 한 줄을 다음과 같이 추가합니다.

 

127.0.0.1 display.ad.daum.net

 

추가가 되었으면 파일 > 저장 메뉴를 이용하여 저장을 합니다.

메모장을 관리자권한으로 열지 않았다면 저장을 할 수 없습니다.

 

 

 

저장을 하고 나면 보안 프로그램이 설치되어 있는 경우 안내 팝업 창이 나타납니다.

 

 

저는 안랩 V3가 설치되어 있는 경우이고 다른 보안프로그램은 다른 모양의 안내 팝업이 나타나거나 안나타날 수도 있습니다.

[아니오] 버튼을 클릭하여 변경된 내용을 반영합니다. 그리고 카카오톡을 보면 아래와 같이 광고가 사라져있습니다.

 

 

 

 

이렇게 하면 광고를 받아오는 주소를 내 컴퓨터로 설정 하여 광고를 받아오지 못하게 하는 방법입니다.

 

 

모바일에서는 일정시간 동안 광고가 안보이도록 하는 기능이 있지만 차단하는 기능은 없습니다.

카카오톡 사이트에 방문해서 찾아보면 광고를 차단하는 기능은 없다고 나와있습니다.

 

 

보기 싫은 광고를 안보이도록 하는 건 가능 하지만 광고가 안보이게는 할 수 없습니다.

다행히 PC 버전에서는 위와 같은 방법으로 광고를 차단할 수 있습니다.

 

- copy coding -

 

 

Nginx를 설치하기 위해 검색을 하면 두개의 사이트가 보입니다.

하나는 https://www.nginx.com/  이고 다른 하나는 https://nginx.org/ 인데 첫번째 주소는 제품군에 대한 소개 사이트이고 프로그램 다운로드를 위해서는 두번째인 https://nginx.org/ 사이트에 접속해야 합니다.

 

 

 

사이트는 텍스트로만 이루어져 있고 우측 메뉴에서 [download]를 클릭합니다.

아니면 처음부터 https://nginx.org/en/download.html 이 주소를 입력하여 사이트로 이동해도 됩니다. 

이 주소는 오늘 설명할 윈도우에 설치하는 파일을 다운로드 할 수 있는 곳이고 리눅스 설치 버전을 다운 받으려면 https://nginx.org/en/linux_packages.html 이곳으로 가면 됩니다. 

 

다운로드 페이지 상단에는 2개의 최신 버전이 제공됩니다.

 

 

 

Mainline version은 현재 작업중인 진짜 최신 버전이고 Stable version은 안정성이 확인된 차상위 버전입니다.

오늘 주제가 “nginx 어디까지 왔나가 아니므로 Stable version을 다운로드 받습니다.

다운로드 할때도 2개가 있어서 어느 것을 다운받아야 할지 고민하게 되는군요.

nginx-1.24.0 이건 소스 코드이고 tar로 압축되어 있습니다.

nginx/Windows-1.24.0 이게 윈도우에서 바로 사용할 수 있는 응용 프로그램입니다.  이걸 받으면 됩니다.

심심한데 두개를 다 받아서 압축을 풀어서 비교해보면

 

 

 

서로 파일 내용이 다른걸 확인할 수 있습니다.

이것으로 설치가 완료됩니다.  그냥 적당한 폴더를 찾거나 생성해서 압축을 풀어주면 됩니다.

Nginx 파일을 실행하기 위해 마우스로 더블클릭 해봅니다.

아무것도 보이지 않으면 정상적으로 실행된 것입니다.

[작업관리자]를 띄웠다면 앱 영역이 아닌 백그라운드 프로세스에서 찾아야 합니다.

 

 

 

소리소문 없이 실행을 하고 있습니다.

진짜 잘 실행을 하고 있는지 확인을 하기 위해 웹브라우져를 하나 열고 127.0.0.1을 입력해 봅니다.

 

 

 

위와 같은 화면을 볼 수 있다면 정상적으로 작동하고 있는 것입니다.

 

 

어떻게 설정이 되어있어서 화면을 볼 수 있는지 환경설정을 알아보겠습니다.

 

 

 

conf 폴더 아래의 nginx.conf 파일을 열어 봅니다.

 

server {
        listen       80;
        server_name  localhost;
 
        #charset koi8-r;
 
        #access_log  logs/host.access.log  main;
 
        location / {
            root   html;
            index  index.html index.htm;
        }

 

대부분 주석 처리가 되어있는데 server라는 항목을 보면

listen 80port 번호입니다.  web 기본 포트로 설정이 되어있군요.

server_name localhosturl127.0.0.1이 되겠죠.

 

조금 아래에 location이 보입니다.

/ : URL127.0.0.1(localhost)로 들어오면

root html; html 이라는 폴더가 메인이라는 것이고

index index.html index.htm; 이건 첫 페이지는 index.html 또는 index.htm 이라는것입니다.

 

http://127.0.0.1 또는 http://localhost로 접속하면 html 폴더에 있는 index.html 파일을 보여주라고 되어 있습니다.

 

한번 그 위치가 어디인지 찾아봅니다.

 

 

 

 

대충 알것 같습니다. nginx.exe 파일을 기준으로 html 폴더와 그 내부에 index.html 파일이 보이는군요.

 

좀더 테스트를 위해 일단 nginx를 종료해봅니다.

 

필수적인 명령어는 다음과 같습니다.

X:\>nginx  : nginx 시작
X:\>nginx -s quit : nginx 종료
X:\>nginx - stop : nginx 강제 종료
X:\>nginx - reload : nginx 설정파일 다시 불러오기로 종료 후 재시작

 

nginx -s quit 명령을 이용하여 종료합니다.

 

 

 

 

그리고 nginx.conf 파일을 수정합니다.

 

server {
        listen       80;
        server_name  localhost;
 
        #charset koi8-r;
 
        #access_log  logs/host.access.log  main;
 
location / {
            root   html;
            index  index.html index.htm;
        }
 
location /login/ {
            root   D:\workspace\main;
        }

 

수정된 nginx.conf에 맞추어 폴더와 파일을 생성합니다.

 

[D:\workspace\main + /login/ + file ] 이렇게 폴더 구조와 파일을 만들면 되겠네요.

http://127.0.0.1/login/login.html

 

 

 

login.html 파일 내용도 추가합니다.

 

<form>
id : <input name="id" value=""><br/>
pw: <input name="pw" value="">
</form>

 

이제 nginx를 다시 실행해 봅니다.

C:\Users\USER\Downloads\nginx-1.24.0>nginx

 

 

 

오류 없이 실행이 되었습니다.

 

웹브라우져에서 확인해 봅니다.  http://127.0.0.1/login/login.html 을 입력합니다.

 

 

 

 

잘 나오는군요.

 

- copy coding -

 

IntelliJ에서 SVN을 연결하여 프로젝트 파일을 관리하고 공유하는 방법에 대해 알아봅니다.

IntelliJ 설치와 프로젝트 생성 그리고 VisualSVN 설치와 관리 방법은 이전에 작성한 글을 참고하고

IntelliJ IDEA 2023.3
설치 프로젝트 생성


VisualSVN Server 5.3.1 Repository
생성 및 User Group 관리

 

여기서는 IntelliJ에서 SVN에 연결하여 프로젝트들을 Share하고 Commit 하는 방법에 대해 설명합니다.

 

 

1. IntelliJ SVN 프로그램 연결

 

IntelliJ에서 svn 프로그램을 사용할 수 있도록 연결해 주어야 별도의 SVN 프로그램을 사용하지 않고 바로 CommitUpdate를 할 수 있습니다.

먼저 IntelliJ를 실행합니다.

 

 

IntelliJ 설치를 설명할 때 생성해 놓은 Sample 프로젝트가 보이는군요.

 

SVN 프로그램을 연결하려면 먼저 프로그램이 설치되어 있어야겠죠.

VisualSVN에는 Apache Subversion이 포함되어 있다고 VisualSVN 설치할 때 설명 드렸는데 진짜인지 확인을 해볼까요?

 

 

 

VisualSVN이 설치된 폴더(C:\Program Files\VisualSVN Server\bin)에 가보면 svn.exe 파일이 있는것을 확인할 수 있습니다.

IntelliJsvn.exe 파일을 등록해주면 이 프로그램을 이용하여 파일을 관리하게 됩니다.

svn 파일은 기존에 Tortoise SVN등 다른 프로그램을 설치하였으면 그것을 이용해도 됩니다.

 

등록을 진행해봅니다.

 

 

 

상위 메뉴에서 File > Settings... 메뉴를 선택하여 Settings 팝업을 오픈합니다.

 

 

 

Settings 팝업 좌측에서 Version Control > Subversion 메뉴를 선택 하면 우측에 Path to Subversion executable 항목이 보입니다.

입력란 끝에 있는 폴더 모양 아이콘을 클릭하여 Subversion 팝업을 오픈합니다.

 

 

 

Subversion 팝업 창 화면이 나타나면 여기서 svn.exe 파일을 선택하고 [OK] 버튼을 클릭해 줍니다.

 

 

 

하단에 있는 [Apply] 버튼과 [OK] 버튼을 클릭하여 설정을 반영하면 등록이 완료됩니다.

 

 

2. SVN Repository 연결

 

이제 프로젝트를 저장할 SVN Repository를 연결합니다.

VisualSVN에서 Repository를 생성할 때 위치 접속 정보를 알려주는데 이 주소를 사용하면 됩니다.

저장소 생성시 나오는 화면을 잠시 보면

 

 

 

Repository URL 항목에 주소와 Repository 명칭의 조합으로 되어있습니다.

URL을 등록하면 연결이 됩니다.

 

 

 

IntelliJ 상단 메뉴에서 VSC > Browse VCS Repository > Browse Subversion Repository... 를 선택하면 IntelliJ 하단에 SVN Repositories 창이 나타납니다.

 

 

 

여기서 좌측에 있는 [+] 모양을 클릭하면 Repository 주소를 입력할 수 있는 창이 나타납니다.

 

 

 

팝업 창에 Repository 주소를 입력하고 [OK] 버튼을 클릭합니다.

 

 

 

주소가 하나 추가되었습니다.

 

 

3. Project Share

 

 

이제 연결된 Repository에 테스트로 생성한 Sample1 프로젝트를 처음으로 share 해보도록 합니다.

 

 

 

상단 메뉴에서 VCS > Share Project (Subversion)... 을 선택하면 창이 하나 나타납니다.

 

 

 

프로젝트를 Share할 레포지토리를 선택하고 하단 입력 창(commit comment)에 간단한 내용를 작성하고 [Share] 버튼을 클릭합니다.

 

 

 

Subversion 포맷은 가장 최신 것으로 선택 하는게 좋겠죠.  [OK] 버튼을 클릭합니다.

 

 

 

VisualSVN에서 User 생성시 사용한 ID와 비밀번호를 입력해 줍니다.

[Save credentials] 체크하고 [OK] 버튼을 클릭합니다.

 

 

 

Share Directory 작업이 진행됩니다.

 

 

 

Sample1 프로젝트 Share Directory 작업이 완료 되었습니다.

 

 

 

vcs.xml에 등록을 하라고 하는데 [Add] 버튼을 클릭합니다.

 

 

4. File Commit

 

이제 파일을 commit 합니다.

위에서 작업한건 Share Directory이지 file을 올린건 아닙니다.

 

 

Sample1 Project에 마우스를 대고 우클릭 해서 Subversion > Commit Directory... 를 클릭하면 Commit Changes 팝업 창이 나타납니다.

 

 

 

이 창에서 commit 하려는 파일을 선택 또는 취소하고 변경된 부분을 확인하는 등의 작업을 할 수 있습니다.  처음 commit 작업이므로 모든 파일을 선택 합니다.

간단하게 Commit Message를 입력하고 [Commit] 버튼을 클릭하면 commit이 진행됩니다.

 

 

 

commit 완료 후 하단 SVN Repositories를 보면 Project 파일이 올라가 있는걸 볼 수 있습니다.

 

 

여러 개의 Project를 올리면 어떤 모습인지 보기위해 프로젝트를 하나 더 생성해서 동일한 작업을 진행해봅니다.

 

Sample2 라는 프로젝트를 생성해서 동일한 작업을 반복하여 중간 과정은 생략하고 Share 하는 단계부터 설명 합니다.

 

 

 

Repository를 선택하고 간단한 Comment를 작성한 후 Sample2 프로젝트를 Share 합니다.

 

 

 

포맷을 정하고

 

 

 

Share Directory가 진행됩니다.

 

 

 

SVN Repositories 에서 Share Directory 후의 모습입니다.

commit을 하지 않아 trunk 폴더에 소스가 올라가있지 않습니다.

 

commit을 진행합니다.

 

 

 

Commit Message를 입력하고 Commit 버튼을 클릭합니다.

 

 

 

Commit이 완료되고 하단의 SVN Repositories 영역에서 마우스를 우클릭하여 리프레쉬 해보면

 

 

 

Sample2 프로젝트에도 파일이 올라간걸 확인할 수 있습니다.

 

 

 

VisualSVN 프로그램을 실행해서 지금까지 진행한 작업이 잘 되었는지 확인해봅니다.

모든 작업이 잘 완료되었습니다.

 

- copy coding -

 

 

몇년 전에 VisualSVN 4.x 버전에 대해 설치 방법을 알아보았는데 변경된 기능이 있는지 확인하기위해 설치 및 간단한 사용법을 알아봅니다.

한가지 주의사항은 컴퓨터 이름이 영문이어야 설치가 가능합니다.  한글인 경우 설치가 중단됩니다.

 

먼저 프로그램을 다운로드 받습니다.

 

https://www.visualsvn.com/downloads/

 

사이트에 접속하면 다양한 제품이 있는데 SVN을 찾아봅니다.

 

 

2개의 버전이 보이는데 [VisualSVN Server 5.3.1 (x64-bit)]를 클릭하고 저장할 폴더를 선택해서 VisualSVN-Server-5.3.1-x64.exe 파일을 다운로드 합니다.

 

다운로드가 완료되면 프로그램을 실행합니다.

 

 

 

제품에 Apache HTTP ServerApache Subversion이 포함되어 있다는 안내 글이 보입니다.

[Next] 버튼을 클릭합니다.

 

 

 

저작권 관련 내용으로 [I accept the terms in the License Agreement] 앞에 있는 체크박스를 클릭해야 [Next] 버튼이 활성화됩니다. [Next] 버튼을 클릭합니다.

 

 

 

컴포넌트 선택 화면인데 기본값으로 하고 [Next] 버튼을 클릭합니다.

 

 

 

설치 위치와 접속 방법 등에 대한 선택 화면입니다.

repositories 위치를 변경 하려면  [Browse...] 버튼을 클릭 하고

 

 

 

폴더를 선택해주면 됩니다.

 

 

 

Repositories 위치를 변경을 해보았습니다.

서버 접속 Port도 변경하려면 수정을 하고 [Next] 버튼을 클릭합니다.

 

 

 

설치 후 툴에서 full-text 검색이 가능하게 해준다는데 개발 툴에서 검색하면 될것 같아 [Next] 버튼을 클릭합니다.

 

 

 

사용자 인증 관리를 Subversion에서 하는 것으로 놓고 [Next] 버튼을 클릭합니다.

사용자 추가와 그룹관리는 아래에서 설명합니다.

 

 

 

설정이 완료되었습니다.  만약 수정이 필요하면 [Back] 버튼을 클릭하여 수정을 하고 설치를 진행하려면 [Install] 버튼을 클릭합니다.

 

 

 

설치가 진행됩니다.

설치하다가 컴퓨터 이름이 한글인 경우 설치가 중단됩니다. 

꼭 영문으로 컴퓨터 이름을 변경하세요.

 

 

 

설치가 완료되었습니다.  VisualSVN Server를 실행하도록 하고 [Finish] 버튼을 클릭 합니다.

 

 

 

VisualSVN Server의 모습입니다.

 

Repository를 하나 생성하도록 하겠습니다.

 

 

 

좌측 트리 메뉴에서 Repositories에 마우스를 놓고 우측 클릭을 하여 팝업 메뉴를 띄웁니다.

여기서 [Create New Repository]를 클릭합니다.

 

 

 

Regular FSFS(Fast Secure File System)으로 기본적인 저장 방법과

Distributed VDFS(VisualSVN Distributed File System)으로 master slave로 분리되어 이중으로 저장하는 방법이 있습니다.

그냥 기본으로 두고 [Next] 버튼을 클릭합니다.

 

 

 

새로 생성하는 Repository 이름을 마음대로 결정합니다.  저는 TestRepository로 했습니다.

 

 

 

Empty는 빈공간을 만들고 여기에 여러 개의 프로젝트를 추가하도록 하는 방법과 Single-project로 처음부터 하나의 프로젝트만 관리하도록 생성하는 방법이 있습니다.

기본으로 놔두고 [Next] 버튼을 클릭합니다.

 

 

 

모든 사용자가 읽기 쓰기 가능하도록 두고 [Next] 버튼을 클릭합니다.

 

 

 

앞에서 설정할때 Search Index를 체크한 경우 필요한 기능입니다.

[Create] 버튼을 클릭하여 저장소를 생성합니다.

 

 

 

저장소에 접근할 수 있는 방법으로 URL을 알려주고 있습니다.

Eclipse, Intellij등에서 형상관리를 위해 접속하는데 사용하면 됩니다.

잘 복사해 놓습니다.

 

이제 사용자와 그룹을 만들어서 관리해보도록 하겠습니다.

 

 

좌측 메뉴에서 Users에 마우스를 대고 우클릭을 합니다.

[Create User...] 메뉴를 클릭 합니다.

 

 

 

신규 사용자와 비밀번호를 입력해서 유저를 생성합니다.

비밀번호는 기억하거나 어딘가에 적어놓도록 합니다.

 

 

비밀번호가 너무 간단하다고 하는데 위에 있는 Proceed ...라고 적힌 상단 글씨를 클릭하면 그냥 생성됩니다.

 

 

 

User가 생성되었습니다.

 

 

 

그룹도 동일한 방법으로 Groups에 마우스를 놓고 우클릭을 합니다.

[Create Group...] 메뉴를 클릭 합니다.

 

 

 

그룹 이름을 적당히 입력하고 그룹에 멤버를 추가하기 위해 하단의 [Add...] 버튼을 클릭해 봅니다.

 

 

 

조금 전 생성한 User가 보입니다. 

선택하고 [OK] 버튼을 클릭합니다.

  

 

 

 

together 그룹에 추가되었습니다.

추가할 사용자가 더 없으니 그냥 [OK] 버튼을 클릭합니다.

 

 

 

그룹이 멤버를 포함하면서 생성이 되었습니다.

 

 

이제 생성한 Repository를 사용할 수 있는 사용자 또는 그룹을 연결하는 작업을 시작해 봅니다.

 

 

생성한 TestRepository에 마우스를 놓고 우클릭하여 [Properties...]를 클릭합니다.

 

 

 

Everyone이라는 그룹이 기본으로 포함되어 있습니다. 

조금전에 생성한 그룹을 포함하기 위해 [Add...] 버튼을 클릭합니다.

 

 

 

조금전에 생성한 together 그룹이 보입니다. 선택하고 [OK] 버튼을 클릭합니다.

물론 아래에 있는 user를 한명, 한명 추가하려면 하단에 있는 Users에서 선택을 해도 되지만 그럼 사용자가 많은 경우 관리가 어렵게 됩니다.

 

 

 

기본으로 추가된 Everyone은 아무나 접속 가능한 설정이므로 접속을 차단해야 합니다.

Everyone을 선택하고 하단에 있는 No Access 라디오 버튼을 선택한 후 [OK] 버튼을 클릭하면 접속권한이 취소됩니다.

 

 

 

 

이런식으로 사용자와 그룹을 관리하면 됩니다.

 

다음번에는 Repository Project Share하고 commit 해보도록 하겠습니다.

 

- copy coding -


123456···116

+ Recent posts