today_is

오늘의 목표 공공데이터 포털에 있는 json 데이터를 HashMap 으로 mapping 해서 출력해보자   프로젝트 구조     home.jsp : 시작 페이지, a 태그를 이용하여 페이지 이동day09JSON : JavaScript Object Notation자바스크립트에서 객체를 표현하는데 사용하는 문법 ex01 - 부산 축제 정보 서비스 연습 ex02 - 부산 축제 정보 서비스 (AJAX)   ex01.jsp :  json 파일을 자바 객체로 변환하여 출력하기 ex01 - JSON을 자바 객체로 변환하여 출력하기 JS로 처리하기 ${dto.UC_SEQ }. ${dto.TITLE } (${dto.GUGUN_NM }) ${dto.HOMEPAGE_URL } 상세보기 ${dt..

오늘의 목표코드를 적다보면 발생하는 예외들이 많다. 예외를 처리하거나, 전가하여서 에러를 막아보자.       NullpointerException 예외를 만들어보기          에러 뜨는 이유  date 변수에 null 을 넣고 SimpleDateFormat 함수를 사용한다 한들, null 이다 null이 담겨있는 today 변수를 호출하면 NullpointerException 에러가 뜬다     해결방법       1 )  try ~ catch   콘솔창에 에러에 대한 메시지를 띄워서 에러를 알리자. 예외처리에는 try, catch, finally 가 있다. try {일반, 실행 예외 발생 가능 코드 } catch {try에서 예외가 발생하면 처리할 구문} finally {예외 발생과는 관계 없이..

오늘의 목표 검색 필터를 이용한 검색기능 구현을 해보자코드 해석 filter는 boolean 형식   핵심 form태그를 쓴다면, form 이 제출될때 이벤트가 발생하도록 해야함: input 에 대한 key 이벤트 사용 Xsubmit 에 대한 click 이벤트 사용 Xform 에 대한 submit 이벤트를 사용한다form이 submit 되면 새로운 요청이 발생하고, 이후의 자바 스크립트는 무시한다   form 에 대한 submit 이벤트는 반드시 !! 첫줄에 이벤트 기본작동을 막아야함->   event.preventDefault()  확실하게 하기 위해서는 console.log 를 이용하는 것이 가장 바람직하다->   console.log(searchValue)  : 확인이 완료되면, 해당 코드는 아예 ..

오늘의 목표클릭이벤트를 이용하여, 클릭할때마다 정렬기준이 바뀌도록 해보자  오늘 실습에 사용된 parking.js 파일은 공공 데이터 포털 사이트에서 가져왔습니다 !  [ 코드해석 ]   핵심 : 하나의 버튼을 이용하여, 오름차순 정렬과 내림차순 정렬 모두 수행할 수 있도록 한다. 즉, 홀수번째로 눌렀을때는 오름차순 정렬짝수번째로 눌렀을때는 내림차순 정렬로 바뀌도록 할 것이다   script 를 해당 폴더에 넣어두고, 선언해서 사용한다->      arrow 라는 클래스를 만들어서 여기에 🔺또는 🔻가 나오도록 할것이다.🔺: 오름차순을 의미🔻 : 내림차순을 의미  order 값이 1이라면, 버튼을 한번 더 눌렀을때에는 값이 -1로 바뀐다->    const order = +target.getAttr..

오늘의 목표 js 파일의 내용을 불러와서 출력,목적에 맞는 정렬,   출력할 파일 내용 : 해당 js 파일을 vscode에 넣어두어야함const arr = [ { "user": "TrynMst", "champion": "퀸", "team": "블루", "kill": 7, "death": 7, "assist": 7, "damage": 27176, "cs": 173 }, { "user": "강승우의 제발PLZ", "champion": "마오카이", "team": "블루", "kill": 4, "death": 6, "as..

오늘의 목표javascript 에 익숙해지기 위해서, 정렬에 대해서 배워보자  javascript 유의사항  javascript 는 자료형을 안써도 된다: 동적 타입을 지원해주기 때문.같은 변수에 서로 다른 값을 넣어도, 에러가 나지 않고 값과 타입이 변한다   변수로는 var 와 let 이 있다.  그러나, 일반적으로 let 을 많이 사용한다: var는 재선언이 가능해서, 변수가 어디에 선언되어있는지 판단하기 어렵기 때문에프로그램 상의 오류를 일으킬 수 있어서 잘 사용하지 않는다.  상수로는 const 가 있다. 상수는 변하지않고 일정한 값을 갖는 수를 의미: 상수로 지정한 후에는 나중에 값을 바꿀 수 없다      javascript 의 변수 : let 으로 선언-> let apple = 'yummy..

오늘의 목표product 테이블을 만들어서 간단하게 상품관리, 매출 등을 볼 수 있는 페이지를 만들어보자   1     테이블로 구성해야 하는 항목 : CRUD 작업의 대상 1) 상품 테이블 (Product)           2) 매출 테이블 (Sales)     2    각 테이블에 대한 스키마(뼈대)를 구성 상품테이블상품번호(primary key)상품명이미지단가수량NUMBERVARCHAR2VARCHAR2NUMBERNUMBER (default 0)  매출테이블매출번호(primary key)날짜상품번호(foreign key)판매수량NUMBERDATENUMBERNUMBER    3    각 테이블에 대해서 구현할 CRUD기능 상품테이블기능설명insert상품 등록select상품 조회 (전체 목록 / 단일 ..

오늘의 목표json 와 ajax 에 대해서 알아보고, ajax 전용 컨트롤러인 @RestController를 사용해보자.JSON: javaScript Object Notation 자바스크립트 토대로 개발되었으며, 여러 프로그래밍언어에도 사용할 수 있는 독립형 언어이다. 데이터 객체의 형태는 속성 - 값 쌍 형태 주로, 웹 브라우저와 웹 서버간 비동기 통신, 데이터 교환 등에 사용된다    home.jspday10 ex01 - ajax(1) 정수반환 ex02 - ajax(2) 문자열 반환 ex03 - ajax(3) map 반환 ex04 - ajax(4) List< DTO 반환(DB 이용 O)  Ex01Controller: 일반적인 스프링 컨트롤러 함수는 viewName을 반환해서, JSP로 포워딩 혹..