분류 전체보기205

• 

  데이터 형식 다루기 : JSON , XML 지금까지 json 을 엄청 나게 많이 사용하고 또 사용할때마다 정리를 했었다. 그런데 이제보니 JSON 이 제대로 무엇이고 JAVA 에서 어떻게 만들 수 있고, 어떻게 전달하고 하는 그런 것들에 대해서 적어놓은 글이 없다는 것을 깨달았다. 또한 JSON 과 함께 많이 쓰이는 XML 에 대해서도 이번 기회에 정리해놓고자 한다. JSON JavaScript Object Notation JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 JSON 은 참으로 위대한 자료형이다. 만들기 쉽고, 보내기 쉽고, 알기 쉽다! JSON 은 기본적으로 { KEY : VALUE } 형식으로 이루어져 있다. 이는 자바에서의 hashmap .. Front-End 2022. 6. 8.

• JSP & Servlet 다루기 (3) : JSP 쿠키 다루기, 세션과 쿠키를 이용한 장바구니 만들기 JSP 쿠키 만들기 HTTP 쿠키 : 웹쿠키, 브라우저 쿠키 => 사용자의 웹 브라우저에전송하는 작은 데이터 조각 쿠키에는 특정한 정보를 담아서 다음 사이트로 보내고, 동일한 사용자임을 인식할 수 있도록 하는 기능을 한다. 쿠키 안에는 보통 로그인한 사용자를 구분할 수 있는 정보 등을 담아둔다. 쿠키는 만료 시간을 정할 수 있는데 이를 이는 만료된 쿠키는 사용이 불가능하게 만드는것을 통해서 보안성 향상에 기여한다. 1) 내가 직접 생성하기 var setCookie = function(name, value, exp){ var date = new Date(); date.setTime(date.getTime()+exp*60); document.cookie=name+'='+value+';expire'=date... JSP&Servlet 2022. 6. 8.

• 

  DataPlay Project - 2 : 이미지 텍스트 번역기 (1) 파파고 API & Tesseract OCR DataPlay - 데이터 갖고 놀기 2탄 : 이미지 번역기 이번 프로젝트는 DataPlay 2탄으로 Tesseract OCR 을 이용한 이미지 번역기 사이트를 만들어 보았다. 사실 이미지를 번역해주는 기능은 핸드폰의 파파고 번역기나 구글 번역기를 이용해서 보다 쉽게 가능한 편이다. 다만 핸드폰의 이러한 기능을 사용하기 힘든 사람들에게는 결코 '쉬운' 편은 아니다. 사실 이 프로젝트 - 이미지 번역기 - 프로젝트를 시작한 계기는 이러한 기능을 사용하기 어려워하던 한 시각장애인 친구와의 대화에서 시작되었다. 한창 사회복지를 공부하고 있던 때 만났던 그 친구는 나에게 이렇게 이야기했다. "너무나 좋고 다양하고 재미있는 것들은 많은데 그것들을 사용하는게 힘들어. 지금도 단순하게 핸드폰 카메라로 사진을 찍고, .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 6. 1.

• JSP & Servlet 다루기 (2) : servlet 등록하기, 값 받기, DB 연결하기 1. JSP 원리 앞서 설명했듯 JSP 는 자바 코드를 실행할 수 있는 HTML 파일이다. 그렇다면 JAVA 코드 어떤식으로 실행될까? 바로 JSP 가 실행되는 순간 특정 경로에 해당 JSP 파일 이름으로 된 JAVA 파일이 생성된다. 코드가 실행되는 경우에는 class 파일로 컴파일되어 실행된다. 즉 JSP 가 servlet 으로 변환 → 이에 맞춰 java, class 파일 생성 → servlet 실행 → jsp 를 사용자 웹에 출력! 하는 순서에 따른다 이 때문에 로만 변수 선언시 컴파일 시켜주는 메소드의 지역변수로 들어가고, 로 변수를 선언해야만 전역변수가 된다. ⇒ 바로 JSP 가 실행되는 순간 특정 경로에 해당 JSP 파일 이름으로 된 JAVA 파일이 생성된다. 코드가 실행되는 경우에는 cla.. JSP&Servlet 2022. 5. 29.

• JSP & Servlet 다루기 (1) : Tomcat, JSP, Servlet 개념, jsp 요청과 응답 처리 1. 개념 정리하기 1) JSP 란? JSP 란 JavaServer Pages 의 약자이며 HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다. JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다. => 쉽게 생각하면 기존의 html 에서 java 언어를 사용할 수 있도록 만들어진 웹 페이지 2) Tomcat 톰켓 WAS 톰캣 또한 아파치 소프트웨어 재단에서 후원을 하고 있으며, 오픈소스로 개발이 되고 있다. JAVA EE 기반으로 만들어졌으며, JSP와 Servlet을 구동하기 위한 서블릿 컨테이너 역할을 수행한다. 아파치서버와는 다르게 DB.. JSP&Servlet 2022. 5. 26.

• 

  데이터 전달의 꽃 AJAX 다루기 - JS, JQuery, jsp(feat. 실시간 아이디 중복검사) 사실 ajax 를 몇번인가 사용했는데 이에 대한 정리가 하나도 없다는걸 깨달아서 마음먹고 정리해봤습니다. 순서상 JQuery 를 먼저 정리하고 정리해야하는데 jquery 는 다음 글부터 정리해야할듯ㅠㅠ AJAX 란 무엇인가 - Asynchronous Javascript and Xml Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. 서버로부터 웹페이지가 반환되면 화면 전체를 갱신해야 하는데 페이지 일부만을 갱신하고도 동일한 효과를 볼 수 있도록 하는 것이 Ajax이다. 페이지 전체를 로드하여 렌더링할 필요가 없고 갱신이 필요한 일부만 로드하여 갱신하면 되므로 .. JavaScript 2022. 5. 12.

• DataPlay project - 1 : word cloud 생성기 코드 정리 이번 포스팅은 word cloud 를 만들기 위한 전체적인 코드와 찾아봤던 정보들을 정리하기 위한 글을 작성하도록 하겠다. 모든 코드는 git 에 올려두었고, 여기에는 크롤링 -> 데이터 파싱 -> Controller -> html 순으로 정리하도록 하겠다. 1. 크롤링 crewler - 크롤링을 위한 코드는 네이버 블로그 검색 API 와 아래 블로그의 Steele 님의 코드를 약간 수정해서 사용하였다 (주소는 아래 참조에 달아두었습니다) - 나름대로 로직을 이해하기 위해 주석을 달아서 정리하였으나, 보다 자세한 설명은 Steele 님의 글을 보는게 훨~~씬 도움이 되리라 생각한다. package HJproject.DataMining; import org.json.simple.JSONArray; impo.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 5. 10.

• 

  DataPlay project - 1 : java로 Word Cloud 생성기- 크롤링, API, JSON DataPlay - 데이터 갖고 놀기 - project 얼마전 친구가 나에게 "너 word cloud 워드 클라우드 만들 수 있어?" 하고 물어왔다. 당연히 나는 모른다고 말했지만 친구는 그래도 나름 코딩 공부 비스무리한 것을 했으니 한번 만들어 줄 수 있겠냐고 이야기를 던졌다. 사실 처음에는 거절하려고 했다. 내가 현재 하던 프로젝트도 있고, 공부할것도 많아서 "나 할 줄 몰라" 하면서 넘어가려했다. 다만 거절하기 전에 어떤 로직이 필요한지, 기술이 필요한지 정도는 알아보고 싶었다. 그렇게 여러 내용들을 찾아보다가 java 로도 데이터를 크롤링해올 수 있으며, 나머지를 파싱하고 프론트로 데이터를 보내는 것 뿐이니 의외로 쉽지 않을까...? 라는 바보같은 생각이 들었다. 무엇보다 단순히 웹에서 보여주기 .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 5. 4.

• JavaScript 기본기 익히기 (3) : html에서 값 가져오기, form 값 가져오기,객체 다루기 1. html 문서에서 값 가져오기 : document html 문서에서 값을 가져오기 위해서는 document 객체의 get 함수를 이용한다. 대표적으로 아래 함수들을 사용하는데 특히 html 의 id, class, name 등을 이용해서 해당 태그 내 값을 가져온다. document.getElementById(); document.getElementsByClassName() document.getElementsByName() document.getElementsByTagName() document.getElementsByTagName() document get 함수를 통해서 가져오는 값들은 모두 ‘객체’ 이다. 이 때문에 객체의 값을 다시 가져오기 위해서는 value 를 사용해야한다. console... JavaScript 2022. 5. 2.

• JavaScript 기본기 익히기 (2) : 변수 입력과 출력, eval(), 사용자 정의 함수 이번에는 자바의 변수의 입력과 출력, Math, eval(), 사용자 정의 함수에 대해서 정리하겠습니다. 1. 변수 입력과 출력 : prompt(), document.write, alert 사용자로부터 변수를 입력받는 방법은 prompt() 함수를 사용하는 것이다. 해당 함수를 사용하면 얼럿창이 뜨면서 값을 입력할 수 있게 된다. 입력받은 값 혹은 변수를 출력하기 위해서는 아래 3가지 방법을 사용 할 수 있다 document.write 는 바로 body 부분에 출력 가능하다 alert 은 말 그대로 경고창 뜨는 그곳에 값이 출력된다 → 주로 입력받은 후 해당 값이 맞는지 아닌지 true 면 ~~하고 false 면 ~~하는 등의 조작이 가능할듯? console.log 는 개발자 도구에 있는 콘솔 창에 값을.. JavaScript 2022. 4. 28.

• JavaScript 기본기 익히기 (1) : 변수 선언, 배열, 제어문, 문자열 사실 JavaScript 는 이전에 웹 프로젝트를 할때부터 접해왔었다. 근데 당시에는 솔직히 너~~무 어려워서, 정말 뭔말인지 하나도 모르겠어서 정리하는 것조차 포기하고 있었다. 근데 진짜 신기하게도 java 를 공부하면서 이것저것 만들다보니 이번에 JS 강의를 들으면서는 확실히 이해가 되었다. 의외로 Java 와 비슷한 부분이 많아서 적어도 기초 부분에서는 나름 재미있게 공부하고 있다. 그런 의미에서 JS 도 공부하고 정리한 내용을 작성해보려고 한다. 1. JavaScript 자바 스크립트는 사용자와의 인터렉티브를 담당 → html 에서의 사용자와 상호작용을 담당하는데 쉽게 생각하면 전반적인 이벤트를 담당한다고 생각하면 된다 ECMAscript 라고도 한다 console.dir(객체명) 를 통해서 콘솔.. JavaScript 2022. 4. 23.

• 26. VO, DTO, Entity, DAO 와 JDBC 잊어버리기 전에 Java 로 백엔드를 다루면서 가장 중요하고, 기본적인 DAO, DTO, VO 를 정리해두려고 한다. 또 JDBC 도 정리하려고 한다. 1. VO : Value Object 일종의 Small Object 값을 사용하기 위해서만 존재하는 객체, ReadOnly - Value Object 는 값 그 자체를 표현하기 위해 사용하는 객체 => 값을 담는 항아리 - Read-Only 특징 => 데이터 읽기 중심임으로 데이터를 검증&검사하기 위한 메서드가 존재 - VO 의 가장 큰 특징은 equals() 와 hashcode() 를 오버라이딩해서 사용한다는 점!! 이는 이후 VO 객체마다 같은 객체인지 다른 객체인지를 비교하기 위해서라고 한다. - Entity 와는 다르다!! 다만, JPA 까지 가면.. Java - 기본기 2022. 4. 22.