본문 바로가기

개발/JavaScript

(18)
[Javascript] 로그인 시 비밀번호 SHA-256 암호화 www.webtoolkit.info/javascript_sha256.html#.X83cqM0zaUn Javascript SHA-256 - Javascript tutorial with example source code The SHA (Secure Hash Algorithm) is one of the many cryptographic hash functions. It is suggested that SHA256 or greater must used for critical technology. www.webtoolkit.info
[Ajax] #08. MVC Model 2 :: Servlet + Ajax 적용한 간단한 예제 (2) gson 활용 이 전 포스팅들에서 했던 것은 Json으로 해서 Write로 전송해주는 것이었다. 이번 포스팅에서는 lib 폴더에 gson을 넣어주고 이를 활용한 예제이다. #index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 Insert title here click $(function () { $("button").click(function () { $.ajax({ /* 전송을 해주는 부분 */ url:"./hello", // 현재 경로 표시 type:"post", datatype:"json", data:{ i..
[Ajax] #07. MVC Model 2 :: Servlet + Ajax 적용한 간단한 예제 (1) MODEL 2는, 어떤 것이든 마찬가지겠지만 앞서 해보았던 MODEL 1보다는 절차가 조금 더 많다. 우선 lib에 들어갈 jar 파일들이 필요하다. ※ 해당 포스팅 코드의 핵심 : Servlet에서 map을 json Object로 바꿔준 후 데이터를 날려주어야 한다. #CustUserServlet.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 package cust; i..
[Ajax] #06. MVC Model 1 :: JSP + Ajax 적용한 간단한 예제 (1) ● index.html -> View data.jsp -> Singleton으로(DAO) DB와 접근해서 데이터를 가져왔다는 가정을 하자. (Model) ※ 잠시 짧은 Review! MVC Model1 => Dao를 JSP에서 불러오고 MVC Model2 => Dao를 서블릿에서 불러온다. (서블릿 : 교통정리) ● 먼저, 기초작업부터 해주자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 Insert title here click $(function () { $("button").click(function () { $.ajax({ /* 보낼 데이터 */ url:"data.jsp"..
[Ajax] #05. xml 파싱 :: 파일 불러와서 접근하는 방법 ※ 이전 포스팅에서는 클릭을 해서 이벤트를 발생하는 식으로 데이터를 불러오긴 했으나, 사실 그냥 페이지에 노출시키는 것도 충분히 가능하다. 이번 포스팅에서는 여전히 클릭을 해서 이벤트는 발생하는 예제를 보여주긴 하지만, 클릭 함수를 빼도 무관하다는 사실, 참고하길 바란다. ● xml 파일을 불러오는 기본 셋팅을 먼저 해주자. 그리고, 데이터가 성공적으로 넘어오는지 alert으로 success, 에러표시는 필수! 시행착오를 덜 하게 되는 팁이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 click // 배열 초기화 let target = []; let link = []; let aname = [];..
[Ajax] #04. Json 파일 읽어오기 :: for문, each문 사용 ● Json 파일을 읽어오는 방법에 대해서 배웠다. 우선, success 메시지를 alert으로 띄워서 항상 제대로 데이터가 넘어오는지 확인해야한다. 간단하게, json 파일을 작성했다. data.json [ { "name" : "홍길동", "age" : 24, "address" : "서울시", "phone" : "123" }, { "name" : "성춘향", "age" : 16, "address" : "남원시", "phone" : "234" }, { "name" : "혜승츄", "age" : 27, "address" : "강릉시", "phone" : "345" } ] ● 기본 셋팅 - String -> Json 으로 바꾸는 함수 : JSON.parse // Json -> String 으로 바꾸는 함수 ..
[Ajax] #03. Ajax 예제 :: (2) Click시 jsp -> html -> jsp 데이터 갔다가 돌아오기 ● Click시 jsp -> html -> jsp 데이터 갔다가 돌아오기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Insert title here t1= t2= Colored by Color Scripter cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 Insert title here click /* 완전한 ajax를 만들어보자.*/ $(function () { $("button").on("click", function () { $.ajax({ ///////////////////..
[Ajax] #02. Ajax 예제 :: (1) Click시 데이터 불러오기 ● data.jsp에 데이터를 넣어주고 index.jsp로 불러온다. 하지만 index.jsp에서 계속 진행된다. data.jsp t1= t2= index.jsp click ● 로드 함수를 통해서도 비동기 처리가 가능하다. 다만 로드는 데이터를 받을 때 JSON 형태로 받아야하는 것이 안 된다. 그래서 Ajax를 사용한다. → JavaScript에서 Onload와 비슷하다.