Web(238)
-
Web/JavaScript
2017.10.11
[JavaScript] 마우스 우클릭 막기/ 내용 선택 막기
웹사이트를 만들다 보면 내가 쓴 글을 다른 사람이 스크랩하지 못하게 만들고 싶을 때 유용하게 사용할 수 있는 방법인 마우스 오른쪽 클릭과 내용 선택(드래그)을 막는 방법을 소개합니다. 마우스 우클릭 막기/ 내용 선택 막기 마우스 오른쪽 버튼과 내용 선택 막기 마우스 오른쪽 버튼과 내용 선택 막기 마우스로 오른쪽 버튼을 클릭하거나 드래그 해서 내용을 선택해 보세요 접속자가 스크랩을 시도할 경우 위와같은 경고창을 띄워줍니다.
-
Web/JavaScript
2017.10.10
[JavaScript] 자바스크립트로 배열의 Push,Pop,Sort, Reverse구현하기
이번에는 자바스크립트를 활용해서 배열의 Push Pop Sort Reverse까지 구현해보도록 하겠습니다. 자바스크립트로 배열의 Push, Pop, Sort 구현하기 현재 배열의 값: 실행화면 배열에 값을 추가하고 여러 가지 기능을 사용해보시길 바랍니다.
-
Web/HTML, CSS
2017.10.10
7
[Html] Form태그 회원가입양식 메일 보내기
이번 포스팅은 HTML을 활용한 회원가입 양식에다가 SUBMIT버튼을 누르면 전자메일도 구현되는 기능을 한번 구현해보도록 하겠습니다. 전자메일 기능은 폼 태그에서 mailto 함수를 걸어서 처리하였고, 회원가입 양식은 html으로 제작하였습니다. Form태그 회원가입양식 메일 보내기 회원 기본 정보 아이디 : 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호 : 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인 : 4~12자의 영문 대소문자와 숫자로만 입력 메일주소 : 예)id@domain.com 개인 신상 정보 주민등록번호 : 예)1234561234567 생일 : 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1..
-
Web/JavaScript
2017.10.10
1
[JavaScript] 공학용 계산기 만들기
자바스크립트를 활용하여 공학용 계산기를 만들어보도록 봤습니다. 자바스크립트를 공부하는 사람들이라면 계산기 정도는 만들 수 있어야 한다는 말에 한번 만들어 본 계산기 예제입니다. 자바스크립트 공학용 계산기 소스 완성한 계산기의 모습입니다. 유용하게 사용하세요.
-
Web/JavaScript
2017.10.09
[JavaScript] alert창을 누르면 이전화면으로 되돌아가기
웹사이트를 만들다 보면 웹사이트 사용자를 팝업창 클릭 시 이전 페이지로 보내야 할 때가 종종 있습니다. 이럴 때 유용하게 사용할 수 있는 예제입니다. 예제는 alert창을 클릭할 시 이전 페이지로 돌아가는데, 다르게 사용할 수도 있습니다. 좀 더 응용하여 이전 페이지가 아니라 href.location을 이용하여 자신이 원하는 곳으로도 보내는 것도 가능합니다. alert창을 누르면 이전화면으로 되돌아가기 //body에 onload해준다.
-
Web/Web Programming
2017.10.09
2
[Web] 'Starting Tomcat Server at localhost' 에러 잡기
이번 포스팅에서는 Starting Tomcat v Server at localhost has encountered a problem이라는 톰캣 에러의 해결방법에 대해 알아보겠습니다. 웹 개발을 진행하다 보면 톰캣이 계속 말을 안 들어 난감한 상황이 참으로 많이 생기는데 그중에서 가장 많이 보게 되는 에러 메시지 중 하나가 Starting Tomcat v Server at localhost has encountered a problem라는 메시지입니다. 이 오류가 뜨는 이유는 여러 가지가 있겠지만 톰캣의 포트를 이미 어떤 프로그램이 사용하고 있거나 톰캣이 중복 실행되었을 경우가 대표적입니다. 'Starting Tomcat Server at localhost' 에러 해결방법 이 메시지를 쭉 읽어보시면 포트 ..
-
Web
2017.10.07
[Web] 이클립스(Eclipse)에 아파치톰캣(Tomcat) 연동하기
이번 포스팅으로는 저번에 설치했던 아파치 톰캣을 이클립스와 연동하는 방법에 대해서 알아보겠습니다. 1. 이클립스를 켜서 하단에 Server라는 탭에 다음과 같은 문구를 확인할 수 있죠. 아직 아무 서버도 없다는 것인데, 이 문구를 클릭해주세요. 그 다음 자신이 깔아놓은 톰캣 버전을 클릭하고 Next를 눌러주면 됩니다. 2. 여기서 자신이 깔아놓은 톰캣 경로를 설정해주고 Finish를 누르면 됩니다. 3. 톰캣이 연동된것을 볼 수 있습니다.
-
Web/Web Programming
2017.10.07
[Web] 아파치 톰캣 9 설치 / 다운로드 방법
아파치 톰캣이란? 아파치 톰캣이란 아파치 소프트웨어 재단에서 개발된 서블릿 컨테이너(또는 웹 컨테이너)만 있는 웹 애플리케이션입니다. 이클립스에서 웹 개발을 진행할 때 설치해야 할 거의 필수 소프트웨어라고 할 수 있습니다. 요새 실무에서는 웹을 만들 때는 웬만하면 거의 톰캣을 돌리더라고요. 아파치 톰캣 다운로드 1. 우선 아래에 링크된 아파치 톰캣 사이트로 들어갑니다. 아파치 톰캣 홈페이지 링크 바로가기 2. 들어가게 되면 위 사진과 같은 사이트가 보이게 될 텐데. 여기서 왼쪽 메뉴바에 보면 3. Download라는 메뉴가 있습니다. 여기서 자신이 원하는 톰캣 버전을 선택해주시면 됩니다.. 저는 톰캣 9 버전을 설치해주도록 하겠습니다. 클릭~! 4. 설치하고 싶은 버전을 선택하고 스크롤을 내리시면 빨간 ..
-
Web/JavaScript 2017.10.11[JavaScript] 마우스 우클릭 막기/ 내용 선택 막기 웹사이트를 만들다 보면 내가 쓴 글을 다른 사람이 스크랩하지 못하게 만들고 싶을 때 유용하게 사용할 수 있는 방법인 마우스 오른쪽 클릭과 내용 선택(드래그)을 막는 방법을 소개합니다. 마우스 우클릭 막기/ 내용 선택 막기 마우스 오른쪽 버튼과 내용 선택 막기 마우스 오른쪽 버튼과 내용 선택 막기 마우스로 오른쪽 버튼을 클릭하거나 드래그 해서 내용을 선택해 보세요 접속자가 스크랩을 시도할 경우 위와같은 경고창을 띄워줍니다.
-
Web/JavaScript 2017.10.10[JavaScript] 자바스크립트로 배열의 Push,Pop,Sort, Reverse구현하기 이번에는 자바스크립트를 활용해서 배열의 Push Pop Sort Reverse까지 구현해보도록 하겠습니다. 자바스크립트로 배열의 Push, Pop, Sort 구현하기 현재 배열의 값: 실행화면 배열에 값을 추가하고 여러 가지 기능을 사용해보시길 바랍니다.
-
Web/HTML, CSS 2017.10.10 7[Html] Form태그 회원가입양식 메일 보내기 이번 포스팅은 HTML을 활용한 회원가입 양식에다가 SUBMIT버튼을 누르면 전자메일도 구현되는 기능을 한번 구현해보도록 하겠습니다. 전자메일 기능은 폼 태그에서 mailto 함수를 걸어서 처리하였고, 회원가입 양식은 html으로 제작하였습니다. Form태그 회원가입양식 메일 보내기 회원 기본 정보 아이디 : 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호 : 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인 : 4~12자의 영문 대소문자와 숫자로만 입력 메일주소 : 예)id@domain.com 개인 신상 정보 주민등록번호 : 예)1234561234567 생일 : 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1..
-
Web/JavaScript 2017.10.10 1[JavaScript] 공학용 계산기 만들기 자바스크립트를 활용하여 공학용 계산기를 만들어보도록 봤습니다. 자바스크립트를 공부하는 사람들이라면 계산기 정도는 만들 수 있어야 한다는 말에 한번 만들어 본 계산기 예제입니다. 자바스크립트 공학용 계산기 소스 완성한 계산기의 모습입니다. 유용하게 사용하세요.
-
Web/JavaScript 2017.10.09[JavaScript] alert창을 누르면 이전화면으로 되돌아가기 웹사이트를 만들다 보면 웹사이트 사용자를 팝업창 클릭 시 이전 페이지로 보내야 할 때가 종종 있습니다. 이럴 때 유용하게 사용할 수 있는 예제입니다. 예제는 alert창을 클릭할 시 이전 페이지로 돌아가는데, 다르게 사용할 수도 있습니다. 좀 더 응용하여 이전 페이지가 아니라 href.location을 이용하여 자신이 원하는 곳으로도 보내는 것도 가능합니다. alert창을 누르면 이전화면으로 되돌아가기 //body에 onload해준다.
-
Web/Web Programming 2017.10.09 2[Web] 'Starting Tomcat Server at localhost' 에러 잡기 이번 포스팅에서는 Starting Tomcat v Server at localhost has encountered a problem이라는 톰캣 에러의 해결방법에 대해 알아보겠습니다. 웹 개발을 진행하다 보면 톰캣이 계속 말을 안 들어 난감한 상황이 참으로 많이 생기는데 그중에서 가장 많이 보게 되는 에러 메시지 중 하나가 Starting Tomcat v Server at localhost has encountered a problem라는 메시지입니다. 이 오류가 뜨는 이유는 여러 가지가 있겠지만 톰캣의 포트를 이미 어떤 프로그램이 사용하고 있거나 톰캣이 중복 실행되었을 경우가 대표적입니다. 'Starting Tomcat Server at localhost' 에러 해결방법 이 메시지를 쭉 읽어보시면 포트 ..
-
Web 2017.10.07[Web] 이클립스(Eclipse)에 아파치톰캣(Tomcat) 연동하기 이번 포스팅으로는 저번에 설치했던 아파치 톰캣을 이클립스와 연동하는 방법에 대해서 알아보겠습니다. 1. 이클립스를 켜서 하단에 Server라는 탭에 다음과 같은 문구를 확인할 수 있죠. 아직 아무 서버도 없다는 것인데, 이 문구를 클릭해주세요. 그 다음 자신이 깔아놓은 톰캣 버전을 클릭하고 Next를 눌러주면 됩니다. 2. 여기서 자신이 깔아놓은 톰캣 경로를 설정해주고 Finish를 누르면 됩니다. 3. 톰캣이 연동된것을 볼 수 있습니다.
-
Web/Web Programming 2017.10.07[Web] 아파치 톰캣 9 설치 / 다운로드 방법 아파치 톰캣이란? 아파치 톰캣이란 아파치 소프트웨어 재단에서 개발된 서블릿 컨테이너(또는 웹 컨테이너)만 있는 웹 애플리케이션입니다. 이클립스에서 웹 개발을 진행할 때 설치해야 할 거의 필수 소프트웨어라고 할 수 있습니다. 요새 실무에서는 웹을 만들 때는 웬만하면 거의 톰캣을 돌리더라고요. 아파치 톰캣 다운로드 1. 우선 아래에 링크된 아파치 톰캣 사이트로 들어갑니다. 아파치 톰캣 홈페이지 링크 바로가기 2. 들어가게 되면 위 사진과 같은 사이트가 보이게 될 텐데. 여기서 왼쪽 메뉴바에 보면 3. Download라는 메뉴가 있습니다. 여기서 자신이 원하는 톰캣 버전을 선택해주시면 됩니다.. 저는 톰캣 9 버전을 설치해주도록 하겠습니다. 클릭~! 4. 설치하고 싶은 버전을 선택하고 스크롤을 내리시면 빨간 ..