본문 바로가기

전체 글118

GSON & Ajax 비교 Google에서 만든 오픈 라이브러리로 JSON파일을 쉽게 읽고, 만들 수 있는 메소드를 제공한다 toJSON(Object, Appendable) - 매개변수 Object를 JSON으로 변환하여 Appendable에 연결된 출력스트림으로 출력하는 메소드이다. - 기존 JSON방식으로 변환하기 번거로웠던 List, Map객체를 toJson()메소드 하나로 쉽게 JSON으로 변환 가능하다. - List, Map 뿐만 아니라 모든 Object 변환 가능하다. GSON 라이브러리를 사용하기 위해서 mpn repository에 접속해서 GSON을 검색해서 gson-2.8.5 jar를 설치했다. 그리고 이클립스에 있는 해당 프로젝트의 lib에 복사해서 넣어줬다. 먼저 json방식으로 List를 줄 때 어떤 부분이 .. 2021. 8. 26.
Ajax란? Ajax - Asynchronous JavaScript and XML 의 약자 - javaScript를 이용하여 비동기식으로 클라이언트와 서버가 데이터(XML)를 주고받는 (통신)방식 - 데이터 형식은 Text, HTML, JSON 등 사용 가능하다. 비동기식 데이터 통신 : 클라이언트가 서버로 데이터 요청 후 응답을 기다리지 않고, 다른 작업 수행 가능 추후 요청이 오면 응답에 관련된 작업을 진행한다. 1. Ajax 장점 1) 상단의 url 변경되지 않는다. 2) 페이지 전체를 갱신하지 않고 필요한 부분만 업데이트 가능하다. 필요한 부분만 쿼리스트링으로 클라이언트가 요청한다. 3) AxtveX나 플러그인 프로그램 설치없이 이용가능 4) Javascript, jQuery 방식 2. Ajax 단점 1) J.. 2021. 8. 25.
[Servlet] get, post방식 사용자로부터 입력받으려면 먼저 입력 form을 제공해야 한다. form 안에는 입력을 받는 input과 전달하는 submit이 있다. 그리고 이 form을 통해 사용자로부터 받은 값을 처리할 uri로 보낼때는 get방식과 post방식으로 보내게 된다. 전체적인 흐름및 두 방식의 차이점에 대해 알아보자. get방식인 경우 action 속성에 사용자로부터 받은 값을 처리할 uri을 작성을해주면, 이 uri로 name(키)과 cnt(값) 가지고 쿼리스트링으로 값을 넘겨주게 되는 것이다. 하지만 post방식의 경우 get처럼 정보가 드러나지 않는다. 그럼 action 속성으로 값을 처리해줄 url을 화면에 나타나게 할 수 있도록 servlet을 설정을 해줘야 할 것 같은 느낌이 들 것이다. 나는 아래와 같이 어.. 2021. 8. 21.
[JSP] run server, javax.servlet import 오류 해결 오늘 처음으로 tomcat을 설치해서 자바로 웹서버를 연결했다. 수업때 강사님이 알려주시는 대로 따라했는데 늘 나는 오류가 나서 따라가느라 너무 힘들었지만 그래도 열심히 했다. 대상포진때문에 몸도 안좋고 신경통 약을 먹어서 몽롱해서 결국 조퇴를했지만 그래도 오류가 났던 부분 해결한 것은 적어놓으면 좋을 것 같아 정리해두려고 한다. 1. Run on Server 오류 처음에 run on Server 했을때는 잘 됐는데 갑자기 안된다고 해서 너무 당황했지만 자세히 보니 java version때문에 안되는 거였다. 나도 모르게 java가 업데이트가 됐었는지 15로 되는 바람에 안됐던 거여서 버전을 다 1.8로 바꿔줬다. 1) 프로젝트 jdk 버전 바꾸기 프로젝트 우클릭 > 맨아래 properties 클릭 > .. 2021. 8. 9.
[Vue] Project 구조 오늘 처음으로 Vue Project를 생성해보았다. npm install이 안되서 정말 애먹었지만 일단 마무리는 할 수 있었다. Vue project생성하는 cli 명령어들은 노션에 정리를 해두었고 블로그에서는 project 구조에 대해서 정리해볼까 한다. Vue Project를 생성하면 프로젝트에 필요한 여러가지 파일 및 폴더들을 자동으로 생성해준다. 하지만 막상 열어보니 어느 파일에서부터 시작하는지 어떻게 연결이 되어있는 건지 알기가 어려워서 검색을 통해 알아보았고 순서 및 부연 설명들은 아래에서 볼 수 있다. 1. index.html 제일 먼저 index.html에서 시작한다. index.html 에 있는 는 root dom node로 이 노드 안에 오는 모든 것들이 vue에 의해 관리가 된다. r.. 2021. 8. 6.
[Javascript] 함수 자바스크립트에서 함수는 소스코드의 집합으로 메소드, 모듈, 기능, 프로시저 등을 말하며, 자바스크립트에서는 function 자료형이다. 함수는 인자/매개변수, 리턴값을 가질 수 있다. function 키워드에 함수명을 작성하여 사용하는방법(선언적함수)과 function에 함수명 작성하지않고 변수에대입하는방법(익명함수), 그리고 호출없이 바로 사용하는 스스로 동작하는 함수가 있다. 1. 함수 선언 1) 선언적 함수 function 함수명([매개변수]){ 처리로직; [return 되돌려줄값;] } 2) 익명함수 이벤트 핸들러에서 주로 사용된다. varf1 = function ([매개변수]){ 처리로직; [return 되돌려줄값;] } 실행확인 버튼의 요소를 받아서 btn2에 저장하고 .onclick메소드로 .. 2021. 7. 24.
[Javascript] 배열 자바스크립트에서 자료형 지정을 해주지 않기 때문에 모든 자료형을 보관하는 변수의 모음을 배열로 취급한다. 1. 배열 생성하는 4가지 방법 배열 선언시 배열의 크기를 지정하지 않아도 배열이 생성된다. 값을 바로 넣어서 배열을 생성할 수도 있다. var arr1 = new Array(); var arr2 = new Array(5); var arr3 = []; var arr4 = ['유재석', 20, true, [1,2,3,4]]; arr2 배열은 크기가 5인데 만약 6개의 값을 넣는다면 넣을 수 있을까? 자바에서는 절대 안되지만 자바스크립트의 배열에서는 가능하다. 이런 점은 자바에서 arraylist와 비슷한 것 같다. 2. 배열 객체의 메소드 배열 객체의 메소드는 굉장히 많지만 몇 개만 다뤄보도록 하자. .. 2021. 7. 24.
[Javascript] 변수형과 자료형 1. 지역변수, 전역변수 전역변수 : window 내에서 어디에서든 사용가능 지역변수 : 해당 함수에서만 사용 가능 (1) 함수 밖에서 var 변수명; 으로 선언한 변수는 전역변수이다. (2) 함수 안에서 변수명; 으로 선언한 변수는 지역변수이다. (3) 지역변수가 우선권을 가지기 때문에 지역변수가 출력된다. (4) 전역변수 사용시 window.변수명 또는 this.변수명 으로 표현 2. var, let, const var : 선언된 위치 내부의 블록 전체에서 사용할 수 있는 범위의 변수 선언 블록 내부에서 재선언하여도 새로운 변수가 생성되지 않는다. let : 선언된 블록 영역만 사용할 수 있는 제한 범위 변수 값 재할당 가능 재선언X const : let과 같이 블록 범위에서만 사용할 수 있음 상수의.. 2021. 7. 22.
[Java] 컬렉션프레임워크_Map Map 인터페이스 키(key)와 값(value)으로 구성되어 있으며, 키와 값은 모두 객체이다. 키는 중복저장을 허용하지 않는 Set방식이고, 값은 중복저장이 가능한 List방식이다. 따라서 키를 중복하여 저장하려는 경우에는 기존에 있는 키에 해당하는 값에 덮어씌운다. 구현 클래스로는 HashMap, HashTable, LinkedHashMap, TreeMap, Properties이 있다. 1. HashMap 선언 및 할당 key 값은 String, vale는 Student형인 stdMap 객체를 생성하였다. 아래와 같이 키 값은 보통 String으로 하는데 이는 int인 경우 index로 관리하는 ArrayList와 차이가 없기 때문이다. HashMap stdMap = new HashMap(); 2-1.. 2021. 7. 19.
[HTML&CSS] 웹문서구조 만들기 과제 엄청 엉성하지만 굉장히 공들여서 만들었다... 쉬워보였는데 막상 만드니까 생각만큼 잘 안되서 짜증이 엄청 났지만 그래도 어찌저찌해서 완성했다. 다음에는 이렇게 힘들게 하고 싶지 않으니 더 공부를 해야지 일단 여기서 내가 썼던 방법 중 많은 부분이 고쳐야 할 것이라고 생각하지만 지금 내가 어디서 문제가 됐었는지 그리고 어떻게 만들었는지를 복습도 하고 나중에 강사님이 답을 주셨을때 더 잘 알 수 있을거 같아서 정리한다. 1. Go Green 로고 가운데 놓기 - 어제는 css에서 background이미지로 해서 가운데에 두려고 했는데 실패했었는데 오늘 하니까 됐다! 자바는 오류가 나면 바로바로 알려줘서 참 좋은데 얘는 됐다안됐다 하네 코드는 거짓말을 안하니 다 내가 잘못했겠지만 그래도 성공해서 좋다!ㅠㅠ 안.. 2021. 7. 18.
[HTML&CSS] 요소 및 기초속성 html&css 과제를 하기 전 완벽히 알지 못했던 것들 혹은 이렇게 되는 것 같았는데,,,하고 넘어갔던 것들을 아래와 같이 써보면서 정리하고자 한다. 다음주부터는 자바스크립트에 들어가니 오늘 안으로 정리를 좀 해두면 좋을 것 같기도 하고 아직 어느 분야로 갈지는 명확히 정하진 않았지만 어떤 분야이든 html과 css를 해석은 할 줄 알아야 할 것 같아서 공부하고 있다. 따라서 혼자 이것저것 만져보고 궁금했던 것들은 검색해서 정리하였으므로 틀린 점이 있을 수 있다. inline요소 & block요소 HTML 태그는 크게 inline요소와 block요소로 이루어져 있다. inline 요소 width, height를 지정할 수 없다. content의 길이만큼을 너비로 가진다. 인라인요소 다음에 오는 인라인요.. 2021. 7. 17.
[Java] 반복문_아쉬운 점 미니프로젝트때 같은 팀이었던 오빠가 전공자고 잘 하셔서 이거 아냐고 예전팀 단톡에 물어보셨는데 알지 못했다,,, 흑흑 평소에 쓰던거랑 달라서 바로 멘붕이 와버렸지만 그래도 다시 알던 개념들을 되짚어가며 내 허점을 파악할 수 있어서 정말 좋았다!! 듣고보니 다 아는건데 왜 그랬을까 정말로 너무너무너무 아쉽지만 압박면접 때 나오더라도 이제는 자신있게 대답할 수 있다! 흑흑 아래 식의 결과값은 어떻게 나올까? for(int i=0, j =0; i < 10 ;i++,++j) { System.out.println(i); System.out.println(j); } 1. 일단 실행이 되는걸까? 정답은 Yes! 1) int i 와 j 가 동시에 있어도 가능하다! 2) j는 조건식이 없지만 i가 조건식이 있기때문에 무.. 2021. 6. 26.

티스토리툴바