[C#] 웹브라우저 만들기! 어렵지 않아요 #C샵으로웹브라우저만들기 #C샵은재미있어 #초간단웹브라우저만들기 #당신도5분이면가능
안녕하세요.
용테크의 용사장 입니다.
솔직히 저는 자바나 C++ 보다
C#이 더 재미있는데요.
그 이유는 쉽게 UI를 구성할 수 있고
잡다한거 만들어서 재밌게 활용이 가능하기 때문입니다!
이번 포스팅은
제가 C#을 처음 공부할 때 교수님이 내주셨던 과제인데요!
처음 공부하는 사람도 따라서 할 수 있을만큼 쉽답니다.
자, 시작해볼까요?
(본 포스팅은 visual studio 2015에서 작성되었으며
visual studio를 사용할 줄 안다는 가정 하에 작성되었습니다)
STEP 01. 프로젝트 만들기 및 레이아웃 잡기!
먼저 windows form 프로젝트를 하나 만들어 줍니다.
그리고 [도구상자]에서
textBox(가운데상단),
Button(<,>,GO),
webBrowser(가운데)
를 아래 그림과 같이 배치해줍니다.
상세한 설명은 다음스탭부터
차근차근 진행할꺼니까 일단 대충 맞춰서 만들어보세요!
STEP 02. 뒤로가기 "<" 와 앞으로가기 ">"
먼저 가장 기본적인 상식 하나 풀고 갑시다.
저렇게 디자인창에서 각 객체를 더블클릭을 하게되면
해당 객체의
가장 대표적인 이벤트(버튼이면 클릭, 텍스트박스면 내용변경, 웹브라우저면 로딩완료)가 생성되며
코드페이지로 넘어갑니다.
자, 그러면 자세히 알아볼까요?
두 객체 모두 Button 객체입니다.
각각의 Text 값을 화살표로 바꾸시던
한글로 넣으시던 보시기 편하신대로 바꿔주시구요.
각각 객체를 더블클릭해서 이벤트를 생성해줍니다.
코드는 아주 쉬워요.
뒤로가기는 웹브라우저객체.GoBack();
앞으로가기는 웹브라우저객체.GoForward();
더 이상 뭔가를 추가할 필요가 전혀 없습니다.
이렇게 쉬울수가!?
진짜 될까 싶지요? 됩니다.
STEP 03. URL입력창, GO버튼
이번엔 페이지 이동을 위해 URL입력창과 GO 버튼을 설정해볼까요?
URL입력창은 당연히 TextBox 객체입니다.
이거 초기값 설정하시려면
해당 객체의 Text를 수정하시면 됩니다.
Go는 당연히 Button 객체이구요.
여기서 한가지 주의하실부분은,
Go는 더블클릭으로 이벤트를 생성하지만
URL입력창은 더블클릭으로 하지 말고 (상관은 없읍니다만... 아래방식으로 해주세요.)
속성 > 이벤트창에서 KeyDown 이벤트를 더블클릭해서 만들어줍니다.
그리고 아래의 그림처럼 값을 넣어주는데요.
주석을 너무 잘 달아놔서 딱히 설명할 필요가 없겠지요?
Go 버튼 이벤트의
웹브라우저객체.Navigate(URL입력창값);
을 통해서 웹브라우저객체의 페이지를 이동시켜줍니다.
그리고 URL입력창의
keyDown 이벤트는 조금 특별한데요.
키보드를 눌렀을 때,
그 값이 엔터이면 Go 버튼 이벤트를 진행하라는 것입니다.
솔직히 이게 오늘 포스팅에서 가장 어려운 것입니다.
STEP 04. webBrowser
약간 당황스러운게.. C#에는 애초에 웹브라우저 객체가 있습니다.
따라서 엄청쉽게 오늘 포스팅이 완료되는 것이지요!
도구상자 잘 뒤져보시면 webBrowser라는 객체가 있어요.
생성해주시고요.
첫페이지 설정하고 싶으시면
url속성을 변경해주시면 됩니다.
이제까지랑 동일하게
객체를 더블클릭해서 이벤트를 생성해줍니다.
해당 이벤트는 웹브라우저에
페이지의 로딩이 완료된 시점에서 일어나는 이벤트입니다.
아주 쉽죠?
웹브라우저 잴 위에 해당 페이지 이름을 띄워주는 것입니다.
STEP 05. 실행하기
자, 여기까지 했다면
여러분만의 웹브라우저를 만드셨습니다.(짝짝짝!)
Ctrl + S 를 누르시고 Ctrl + F5를 눌러서
컴파일을 해서 폼을 띄워봅시다!
이렇게 이쁘게 잘 뜨는게 보이실 것입니다.
상단에 타이틀도 잘 바뀐거 보이시지요?
어떤가요?
솔직히 5분도 안걸려서 만들 수 있을 정도로 쉬운데요!
(물론, 디자인도 이쁘게 만들고 즐겨찾기같은
여러가지 추가적인 기능들도 넣고 싶다면 조금더 걸리겠지요!)
실제로 저는 웹브라우저객체만 사용해서
네이버캘린더를 바탕화면에 띄워놓고 사용합니다.
어려우신 분들은
첨부해놓은 파일 다운받아서 소스코드 보시고 실행해보시면
아, 이런거구나! 하실 것입니다
혹시해서 하는말인데 요거(상단그림의 빨간박스) 실행하셔야합니다.
이만,
용테크의 용사장 이였습니다.
* 아래와 같은 에러가 뜨세요?
> [C#] 웹브라우저에 자바스크립트 에러가 떠요!
에서 확인하세요!