MY MEMO

출처 : https://www.youtube.com/watch?v=XxeLEMC5jzA&list=PLRx0vPvlEmdCJ1TvP12_ACTV_9SvKw9TI eclipse를 tool로 jsp와 ajax를 사용하여 실습을 해 보았다. 또한 bootstrap의 css js를 이용하였다 일단 회원가입 페이지를 만들기 위해서 web index를 구현해야한다 그러기위해서는 설정을 몇가지 해줘야하는데 apache와 mysql을 해줘야한다. 자세한 설명은 http://dlwodus.tistory.com/131 여기에 가면 있다 (설정하는 것만) index.jsp (회원가입 페이지와 ajax코드가 있는 부분) +) html파일을 어떻게 넣으면 좋을 지 몰라서 주석처리해서 넣었다 실제로 실행할 때는 주석을 빼서 실행하..

XSS공격 (cross site script) 목적 : session을 탈취하는 것: css,js등이 웹에 구성되어있는데 js가 target +) js : client측에서 제공하는 것(alert, onlocation등) 이러한 기능을 이용해서 web에 js구문을 추가해서 자신의 이익을 취하는 행위 (> 자동결제, 자신의 웹에 들어가게 해서 조회수를 늘리는 등)Ex) 1. ‘); width =”0” height = “0” frameborder =”0”>Button 6-1. php파일을 만들어서 Database에 저장하도록 만든다면게시판에 이렇게 쓰면 특정한 값을 읽을 때마다 Database에 값을 넣음 6-2. (hacker의 서버에) 이렇게 쿠키를 저장하도록 한다면 database에 cookie값이 저..

출처 : https://www.youtube.com/playlist?list=PLRx0vPvlEmdDQxb41uc1G4ecjV-hklFDMhttps://www.wireshark.org/ : 자신이 어떠한 패킷을 받고 보내는 지 알 수 있음 HTTP POST와 GETpost : 쉽게 보이지 않음 get : 쉽게 보임 (naver 검색 시 자신이 검색한 내용이 인코딩 되어서 검색창에 나타남) cookie-웹에 client가 접속시 cookie를 client가 가지고 있음 이후에 다시 접속할 때 cookie를 보고 사용자의 정보를 가져올 수 있음-보안에 좋지 않음 session :로그인 시 로그인된 아이디를 가지고 있어서 어떤 사용자인지 알 수 있음 => Session을 복제해서 자신이 session을 가진 ..

출처 : https://www.youtube.com/playlist?list=PLRx0vPvlEmdDQxb41uc1G4ecjV-hklFDM import java.io.BufferedReader; import java.io.FileWriter; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import java.sql.Date; import java.text.SimpleDateFormat; public class Main { public static void main(String[] args) throws Exception { while (true) { String target = "https..

1. 환경설정 apache 연결 : dynamic web project생성 시 연결mysql 연결 1) 다운받은 mysql jdbs driver를 WEB_INF -> lib 폴더 안에 넣음 속성에 들어가서 java build path -> library -> 아까 driver를 선택 (WEB_INF -> lib 폴더 안에 있는)2) path추가 version downgrade : 만약 웹의 jsp의 버전이 조금 더 높다면 Project Facets에서 버전을 downgrade시켜서 실행 2. 구글 폰트 : http://html5around.com/wordpress/tutorials/google-fonts/ 3. web.xml추가 web-inf에 web.xml을 추가하지 않고 이후에 생성하는 방법1. 프로..

https://www.youtube.com/channel/UChflhu32f5EUHlY7_SetNWw 이 강의를 참고해서 bootstrap을 공부했다 진짜 최고!!! 완전 설명도 쉽고 코드도 강의를 들으면서 중요하다고 생각한 내용! 부트스트랩- 트위터를 만든 사람들이 간단하게 웹개발을 할 수 있게 만든 것- Responsive web : 해상도에 따라 반응해서 웹이 구현됨 (자동)점보트론 - 전광판이라는 의미 즉 웹이 홈페이지를 소개할 때 쓰임네비게이션 바- 홈페이지의 전체적인 구성- 다른 페이지로 이동 혹은 사용자가 원하는 기능을 찾아서 스스로 이동 - HTML소스의 가장 위쪽 & jsp와 함께 사용 이 파일이 강의를 들으면서 공부했던 파일이다!

+) 이미지를 올리는 방법 생활코딩 : https://www.youtube.com/watch?v=1iViYMeEqq0 데이터 베이스의 큰 범위 안에는 관계형 데이터베이스가 있다. 관계형 데이터베이스 툴은 여러가지가 있다. Mysql Oracle이 대표적이다. 왜 관계형 데이터베이스가 필요할까? 만약 우리가 두개의 테이블이 있다고 하자. 위에서 표시한 것과 같이 author의 id가 topic table에 적혀있고 user의 id와 이름이 적혀있다. 이 두 테이블은 서로 관련이 있다. 만약 topic의 title을 선택하고 title에 맞는 작가의 이름을 알고싶으면 author id를 가지고 user table로 이동한다. author id를 이용하여 작가를 찾고, 작가의 이름을 나타내주면 된다. 코드로 ..

강의 생활코딩 : https://opentutorials.org/course/1688/9381 1.html 먼저 이 부분의 코드는 이름이 white인 버튼을 클릭하였을때 alert창이 뜨는데 document.getElementById('user_input').value 즉user_input창에 있는 내용을 가져와서 alert창으로 띄우겠다는 이야기이다. 2.html html css javascript 최진혁 최유빈 한이람 한이은 버튼을 누르면 일정 부분이 강조되는 코드이다. 먼저 css로 underline이 생기며 강조되는 코드를 만들고 button을 만든다. 이 버튼에는 onclick 즉 이 버튼을 누르면 나타나는 효과는 target에 있는 것들을 className='em'즉 em클래스의 효과를 적용시..

강의 생활코딩 : https://opentutorials.org/course/1 +) Bitnami로 Mysql 실행하기 cd C:\Download\Bitnami\wampstack-7.0.12-0\mysql\bin +) C:\Download\Bitnami\wampstack-7.0.12-0\apache2\logs 에 들어가면 error.log로 에러를 찾을 수 있으니 참고! +) GET과 POST의 차이? GET은 주소줄에 값이 ?뒤에 쌍으로 이어붙고 POST는 숨겨져서(body안에) 보내진다. GET은 URL에 이어붙기 때문에 길이제한이 있어서 많은양의 데이터는 보내기 어렵고 POST는 많은 양의 보내기에도 적합하다.(역시 용량제한은 있지만) 즉 http://url/bbslist.html?id=5&pag..

강의 생활코딩 : https://opentutorials.org/course/1 HTML, CSS는 정적인 코드 -> 웹 브라우저에 표시되면 바뀌지 않음JavaScript, php는 동적인 코드 -> ex)버튼을 누르면 동작이 나타난다. 웹브라우저에서 누군가가 웹서버에 요청을 하면 (php로 된) 그럼 서버에서 처리할 수 없는 언어라는 것을 알고 php에게 위임을한다.php코드를 해석한 후 웹서버에게 돌려주고 웹서버는 웹브라우저에게 돌려줌 이제 php에 file이라는 것을 놓을 것이다. 이를 이용하면 조금 더 손 쉬운 코딩을 할 수 있다. 위의 사진을 보면 html의 파일일로 이루어져있다. 이것이 불편한 이유가 무엇이냐면 어느 페이지나 고정되어있는 부분이 있기 때문이다. 예를 들어이 블로그에서 윗부분의 ..