Computer >> 컴퓨터 >  >> 네트워킹 >> 인터넷

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

나만의 웹 브라우저를 직접 만들어 본 적이 있으신가요? 개인 정보와 관련된 모든 데이터가 내 컴퓨터에만 저장된다는 점을 생각하면, 결코 나쁜 생각이 아닙니다.

아래의 간단한 단계를 따라 하면 자신의 취향을 반영한 무료 기본 브라우저를 만들 수 있습니다. 이 과정에서는 Microsoft의 Visual Studio를 사용하지만, 직접 작성해야 할 코드는 매우 적습니다.

설치 및 업데이트

먼저 Microsoft에서 제공하는 Visual Studio Community Edition을 다운로드해야 합니다. 이 버전은 완전히 무료이며, 업데이트가 자주 이루어지므로 항상 최신 버전으로 유지하는 것이 좋습니다. Visual Studio는 다소 무겁고 용량이 클 수 있지만, 웹 브라우저를 포함한 다양한 무료 템플릿을 제공한다는 장점이 있습니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

설치가 완료되면 프로그램을 바로 실행할 수 있습니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

브라우저 애플리케이션 만들기

'새 프로젝트 만들기' 옵션을 선택한 후, 목록을 아래로 스크롤하여 .NET Framework의 Windows Forms App을 선택합니다. 여기서 웹 브라우저의 기본 개념을 떠올려 보면 도움이 됩니다. 웹 브라우저란 웹사이트와 문서를 불러와 시각적으로 더 명확하게 보여주는 하나의 폼(Form)에 불과합니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

웹 브라우저에 이름을 지정하고 '만들기'를 클릭합니다. 필자는 개인 브라우저에 "Fantastic Browser"라는 이름을 붙였습니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

프로그램이 실행되면 데이터가 없는 빈 폼이 나타납니다. 왼쪽 패널에서 '도구 상자(Toolbox)'를 클릭하세요. '보기(View)' 메뉴에서도 활성화할 수 있습니다. 목록을 아래로 스크롤하여 'WebBrowser'를 선택합니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

작업 공간에서 편집해야 할 패널은 두 가지입니다. 첫 번째는 '속성(Properties)' 패널로, 브라우저 창에 관한 모든 세부 정보를 담고 있습니다. 여기에서 브라우저 창 전체의 여백과 크기, 탭 정지(Tab Stop) 설정, 스크롤 막대 사용 여부 등을 결정할 수 있습니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

다른 하나는 메인 폼입니다. 여기에는 클릭해야 하는 작은 메뉴 항목이 있는데, 바로 '부모 컨테이너에서 도킹 해제(Undock in Parent Container)'입니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

'도킹 해제'를 클릭하면 브라우저 창의 테두리를 수동으로 조절할 수 있습니다. 이 영역이 실제 웹사이트의 화면 내용을 표시하는 부분입니다. 애플리케이션을 저장한 뒤 다음 단계로 넘어갑니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

브라우저 메뉴 항목 만들기

브라우저 메뉴 항목을 만들려면 도구 상자의 'Button(단추)' 옵션을 사용해야 합니다. 항목을 클릭한 후 메인 폼 창의 원하는 위치로 끌어다 놓으면 됩니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

마찬가지로 방문하려는 웹사이트 주소를 입력받기 위해 도구 상자에서 'TextBox(텍스트 상자)' 메뉴 항목도 필요합니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

모든 버튼과 텍스트 상자를 배치한 후에는 일반적인 브라우저의 기본 창처럼 보이도록 정렬할 수 있습니다. Visual Studio가 버튼을 대칭적으로 정렬해 주기 때문에 버튼 사이의 간격도 손쉽게 동일하게 맞출 수 있습니다.

버튼의 모양, 크기, 색상은 각각의 '속성(Property)'에서 추가로 수정할 수 있습니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

다음 단계에서는 각 버튼의 속성으로 이동해 버튼 이름을 변경합니다. 필자는 '뒤로' 버튼에는 "Behind", '앞으로' 버튼에는 "Ahead", 새로 고침 버튼에는 "Refresh"를 사용했고, 홈 버튼에는 자신의 이름을 넣었습니다. 작은 아이콘 이미지를 사용하거나 버튼 사이에 탭 정지를 설정하는 등 세부적인 수정도 가능합니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

이름을 변경한 버튼을 두 번 클릭하면 기본 위치에서 해당 버튼의 코드를 편집할 수 있습니다. 뒤로 가기 버튼의 경우 webbrowser1.GoBack() 코드를 사용해 버튼 클릭 후 실행될 동작을 지정합니다. 앞으로 가기에는 webbrowser1.GoForward()를 사용하며, 마찬가지로 홈으로 이동하거나 검색하는 옵션도 준비되어 있습니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

텍스트 상자에 URL을 입력해 사용하려면 webBrowser1.navigate(textbox.text) 코드를 사용합니다. 홈 버튼에는 원하는 임의의 URL을 지정할 수도 있습니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

브라우저 실행 및 저장

모든 버튼과 텍스트 상자의 탐색 경로를 확정했다면, '도구 상자'에서 추가 옵션을 만들 수 있습니다. 필자는 '수평 스크롤 막대'를 추가했습니다. 검색 엔진 옵션도 있지만, 현재로서는 통합 검색창(Omnibox)은 제공되지 않습니다. 다만 Visual Studio를 조금 더 학습하면 얼마든지 더 많은 기능을 추가할 수 있습니다.

Visual Studio 창 상단의 '시작(Start)' 버튼을 클릭합니다. 그러면 폼 프로젝트 안에서 브라우저가 실행됩니다. 홈페이지나 검색 엔진으로 결과를 테스트해 보세요. 브라우저 창을 최대화하면 일반 브라우저와 다름없이 느껴질 것입니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

브라우저 프로젝트를 .csproj 파일로 저장하는 것을 잊지 마세요. 이후에는 Visual Studio에서 바로 실행할 수 있습니다. Windows의 '설정'과 '개인 설정' 메뉴에서 아이콘을 변경하는 것도 가능합니다.

무료로 나만의 웹 브라우저를 만드는 방법 – Visual Studio 완벽 가이드

결론

최고 수준의 프라이버시를 원한다면 자신만의 브라우저를 갖는 것만큼 좋은 방법은 없습니다. 위 과정을 따라 하면 PC나 Mac에서 직접 만든 브라우저를 손쉽게 만들고 실행할 수 있습니다. 더 많은 기능을 원한다면 Visual Studio에는 고급 프로그램도 마련되어 있지만, 심화된 코드 지식이 필요합니다.

가까운 시일 내에 직접 브라우저를 만들어 볼 계획이신가요? 브라우저 제작에 사용해 본 다른 프로그램이 있다면 알려주세요. 여러분의 의견을 기다립니다.