Web(235)
-
Web/Jsp
2017.10.16
[Jsp] 웹에서 파일 업로드하기
이번 포스팅에서는 파일 웹상에서 파일 업로드하는 방법에 대해 포스팅하겠습니다. 우선 파일 업로드를 하기 위해서는 cos.jar파일이 필요합니다. 위에 첨부되어있는 cos.jar파일을 위와 같이 WEB-INF -> lib 폴더 안에 넣어줍니다. 아래는 웹페이지에서 파일 업로드하는 예제입니다. 웹에서 파일 업로드하기 fileUploadForm.jsp 파일 업로드 폼 올린 사람: 제목: 파일명1: 파일명2: fileUpload.jsp 업로드 확인 및 다운로드 페이지이동 fileCheck.jsp 올린사람 : 제목 : 파일명1 : 파일명2 : 그런뒤 위와 같이 jsp파일을 3개 만들어 해당 코드를 붙여 넣어줍니다. 실행방법은 FileUploadForm을 띄우고 다음 페이지에서 바로 보이는 a태그를 클릭해주시면 됩니다
-
Web/Jsp
2017.10.13
[Jsp] 이클립스로 오라클에 값 입력하고 출력하기(커넥션풀)
이클립스에서 준 값으로 오라클에 값을 넣고(insert) 값을 출력(select)하는 방법을 한번 알아보도록 하겠습니다. 이클립스에서 오라클 데이터베이스에 접근을 하기 위해서는 커넥션 풀 방식을 자주 사용합니다. 커넥션 풀(Connection)이란 객체를 여러 개 생성하여 풀에 담아놓고 필요할때마다 꺼내는 방식입니다. 커넥션 풀의 사용 이유 JDBC를 통해 DB에 연결하기 위해서는 DB드라이버를 로드하고 커넥션 객체를 받아와야 합니다. 하지만 DB에 연결할 때마다 매번 커넥션을 생성하고 드라이버도 로드하려고 하면 굉장히 귀찮고 메모리도 많이 먹을 거예요. (굉장히 비효율적인 코드가 되어버리고 말 것입니다.) 하지만 커넥션 풀을 사용하면 하나의 커넥션을 돌려가면서 사용하기 때문에 이런 비효율적인 작업이 없..
-
Web/Jsp
2017.10.13
2
[Jsp] 오라클과 이클립스 JSP로 연동/통신 & 확인 방법
오라클을 설치받았으면 이클립스와 연결해서 써먹어야겠죠? 이번에는 오라클과 이클립스를 연결하는 방법을 한번 알아보도록 하겠습니다. 오라클과 이클립스 JSP로 서로 연동/통신하기 1. 먼저 오라클과 이클립스를 연동하려면 jar파일이 필요합니다. jar파일은 오라클을 설치한 폴더 lib폴더에 있고. lib폴더는 JDBC안에 있습니다.참고로 저의 lib 경로는 아래와 같습니다. C:\oraclexe\app\oracle\product\11.2.0\server\jdbc\lib 2. 여기서 2번째 jar파일 ojdbc6.jar파일을 복사한 뒤 이클립스 lib폴더에 넣어줍니다. Connection jdbc/OracleDB javax.sql.DataSource Container 3. web.xml 밑에 가셔서 위 코드를..
-
Web/Jsp
2017.10.12
3
[Jsp] 웹에서 공공기관 api 파싱하기
웹 개발을 하다 보면 웹사이트에 공공기관 api를 파싱 해야 될 상황이 올 때가 있습니다. 저는 부산 여행 웹사이트를 제작하면서 부산 여행지 api를 가지고 와야 하는 부분이 있어 파싱을 하게 되었고, 다른 예로는 홈페이지에 날씨정보를 띄우고 싶어 기상청 정보를 들고 오고 싶을 때(?) 정도가 있겠군요. 이번 웹사이트를 만들면서 제일 어려웠던 부분이 파싱부분이였습니다. 제가 며칠 동안 밤을 지새우면서 알아낸 코드를 공유합니다. JSP에서 공공기관 API를 노드 형식으로 파싱 하는 코드입니다. 웹에서 공공기관 api파싱하기 위에 보이시는 strUrl에다가는 자신이 파싱하고싶은 공공기관 api의 URL을 넣으면 됩니다. (API를 신청하면 딸려오는 기술문서를 참고) 이렇게 파싱 해서 받아온 정보를 맵(Map..
-
Web/HTML, CSS
2017.10.12
2
[Html] input type 종류 & 예제 총정리
1. input type = "text" , input type = "password" 이름 : 비밀번호 : 2. input type = "radio" 치킨 피자 짜장면 짬뽕 3. input type = "checkbox" CPU Memory 하드디스크 CDROM GRAPIC_CARD 4. select option 가장 재미있는 것을 선택해 주세요. HTML 자바스크립트 CSS HTML 자바스크립트 CSS 5. input type ="button" ,input type = "submit", input type = "reset" 6. input type ="image" 이미지: 7. input type ="file" 파일명:
-
Web/JavaScript
2017.10.11
[JavaScript] 홈페이지 접속한시간 알려주기
앞서 포스팅한 자바스크립트로 현재시간 불러오기의 응용 버전입니다. 이번에는 회원이 웹사이트에 접속한 후 몇 초가 지났는지 알려주는 예제입니다. [JavaScript] currentDate를 활용한 현재시간 불러오기 홈페이지 접속한시간 알려주기 Insert title here 위와 같이 사이트에 접속한 후 지난 시간이 뜨게 됩니다.
-
Web/JavaScript
2017.10.11
[JavaScript] currentDate를 활용한 현재시간 불러오기
웹사이트를 만들다 보면 현재시간을 간단하게 사용자들에게 보여주고 싶을 경우가 있는데, 그때 유용하게 쓸 수 있는 함수가 currentDate 함수입니다. currentDate를 활용한 현재시간 불러오기 현재시간 불러오기 위와 같은 텍스트형식으로 현재시간을 간단하게 웹사이트에 표시할 수 있습니다.
-
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/Jsp 2017.10.16[Jsp] 웹에서 파일 업로드하기 이번 포스팅에서는 파일 웹상에서 파일 업로드하는 방법에 대해 포스팅하겠습니다. 우선 파일 업로드를 하기 위해서는 cos.jar파일이 필요합니다. 위에 첨부되어있는 cos.jar파일을 위와 같이 WEB-INF -> lib 폴더 안에 넣어줍니다. 아래는 웹페이지에서 파일 업로드하는 예제입니다. 웹에서 파일 업로드하기 fileUploadForm.jsp 파일 업로드 폼 올린 사람: 제목: 파일명1: 파일명2: fileUpload.jsp 업로드 확인 및 다운로드 페이지이동 fileCheck.jsp 올린사람 : 제목 : 파일명1 : 파일명2 : 그런뒤 위와 같이 jsp파일을 3개 만들어 해당 코드를 붙여 넣어줍니다. 실행방법은 FileUploadForm을 띄우고 다음 페이지에서 바로 보이는 a태그를 클릭해주시면 됩니다
-
Web/Jsp 2017.10.13[Jsp] 이클립스로 오라클에 값 입력하고 출력하기(커넥션풀) 이클립스에서 준 값으로 오라클에 값을 넣고(insert) 값을 출력(select)하는 방법을 한번 알아보도록 하겠습니다. 이클립스에서 오라클 데이터베이스에 접근을 하기 위해서는 커넥션 풀 방식을 자주 사용합니다. 커넥션 풀(Connection)이란 객체를 여러 개 생성하여 풀에 담아놓고 필요할때마다 꺼내는 방식입니다. 커넥션 풀의 사용 이유 JDBC를 통해 DB에 연결하기 위해서는 DB드라이버를 로드하고 커넥션 객체를 받아와야 합니다. 하지만 DB에 연결할 때마다 매번 커넥션을 생성하고 드라이버도 로드하려고 하면 굉장히 귀찮고 메모리도 많이 먹을 거예요. (굉장히 비효율적인 코드가 되어버리고 말 것입니다.) 하지만 커넥션 풀을 사용하면 하나의 커넥션을 돌려가면서 사용하기 때문에 이런 비효율적인 작업이 없..
-
Web/Jsp 2017.10.13 2[Jsp] 오라클과 이클립스 JSP로 연동/통신 & 확인 방법 오라클을 설치받았으면 이클립스와 연결해서 써먹어야겠죠? 이번에는 오라클과 이클립스를 연결하는 방법을 한번 알아보도록 하겠습니다. 오라클과 이클립스 JSP로 서로 연동/통신하기 1. 먼저 오라클과 이클립스를 연동하려면 jar파일이 필요합니다. jar파일은 오라클을 설치한 폴더 lib폴더에 있고. lib폴더는 JDBC안에 있습니다.참고로 저의 lib 경로는 아래와 같습니다. C:\oraclexe\app\oracle\product\11.2.0\server\jdbc\lib 2. 여기서 2번째 jar파일 ojdbc6.jar파일을 복사한 뒤 이클립스 lib폴더에 넣어줍니다. Connection jdbc/OracleDB javax.sql.DataSource Container 3. web.xml 밑에 가셔서 위 코드를..
-
Web/Jsp 2017.10.12 3[Jsp] 웹에서 공공기관 api 파싱하기 웹 개발을 하다 보면 웹사이트에 공공기관 api를 파싱 해야 될 상황이 올 때가 있습니다. 저는 부산 여행 웹사이트를 제작하면서 부산 여행지 api를 가지고 와야 하는 부분이 있어 파싱을 하게 되었고, 다른 예로는 홈페이지에 날씨정보를 띄우고 싶어 기상청 정보를 들고 오고 싶을 때(?) 정도가 있겠군요. 이번 웹사이트를 만들면서 제일 어려웠던 부분이 파싱부분이였습니다. 제가 며칠 동안 밤을 지새우면서 알아낸 코드를 공유합니다. JSP에서 공공기관 API를 노드 형식으로 파싱 하는 코드입니다. 웹에서 공공기관 api파싱하기 위에 보이시는 strUrl에다가는 자신이 파싱하고싶은 공공기관 api의 URL을 넣으면 됩니다. (API를 신청하면 딸려오는 기술문서를 참고) 이렇게 파싱 해서 받아온 정보를 맵(Map..
-
Web/HTML, CSS 2017.10.12 2[Html] input type 종류 & 예제 총정리 1. input type = "text" , input type = "password" 이름 : 비밀번호 : 2. input type = "radio" 치킨 피자 짜장면 짬뽕 3. input type = "checkbox" CPU Memory 하드디스크 CDROM GRAPIC_CARD 4. select option 가장 재미있는 것을 선택해 주세요. HTML 자바스크립트 CSS HTML 자바스크립트 CSS 5. input type ="button" ,input type = "submit", input type = "reset" 6. input type ="image" 이미지: 7. input type ="file" 파일명:
-
Web/JavaScript 2017.10.11[JavaScript] 홈페이지 접속한시간 알려주기 앞서 포스팅한 자바스크립트로 현재시간 불러오기의 응용 버전입니다. 이번에는 회원이 웹사이트에 접속한 후 몇 초가 지났는지 알려주는 예제입니다. [JavaScript] currentDate를 활용한 현재시간 불러오기 홈페이지 접속한시간 알려주기 Insert title here 위와 같이 사이트에 접속한 후 지난 시간이 뜨게 됩니다.
-
Web/JavaScript 2017.10.11[JavaScript] currentDate를 활용한 현재시간 불러오기 웹사이트를 만들다 보면 현재시간을 간단하게 사용자들에게 보여주고 싶을 경우가 있는데, 그때 유용하게 쓸 수 있는 함수가 currentDate 함수입니다. currentDate를 활용한 현재시간 불러오기 현재시간 불러오기 위와 같은 텍스트형식으로 현재시간을 간단하게 웹사이트에 표시할 수 있습니다.
-
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..