웹 검색 결과

해당 글 79건

Spring 트랜잭션 & 데이터베이스 설계

트랜잭션 트랜잭션이라 함은 거래라는 뜻으로 한 번에 이루어지는 작업의 단위를 뜻합니다. 트랜잭션의 성격으로 유명한 ACID가 있는데 아래와 같습니다. 원자성(Atomicity) 하나의 트랜잭션은 모두 하나의 단위로 작성되어야 함. 즉 A는 성공 하고 B는 실패하면 A, B는 모두 원복해야함. 일관성(Consistency) 트랜잭션 성공 시 모든 데이터는 일관성을 유지해야함. 즉 전과 후에 차이가 없어야함. 격리(Isolation) 외부 간섭이 없어야함. 영속성(Durability) 트랜잭션이 성공적이면 결과는 영구적 영속적으로 저장되야함. 흔히 계좌 이체라는 출금, 입금이 하나의 단위를 이룹니다. 계좌 이체를 bankTransfer() 입금은 deposit() 출금은 withdraw() 라고 칭하면 입금..
웹/Spring 2019. 5. 6. 15:29

AOP 적용

우선 구성은 아래와 같이 합니다. aop 역할을 할 LogAdvice 클래스와 aop를 적용할 서비스인 SampleServiceImpl를 구현합니다. JUnit 테스를 적용하기 위해 테스트 코드 또한 작성합니다. pom.xml을 수정을 해야 합니다. 아래와 같이 수정합니다. 5.0.7 자바 버전 1.8 aspectj 1.9.2로 합니다. 1.9.0은 aspectjweaver가 작동을 안 합니다. 로그는 1.2.17로 해줍니다. junit은 4.12 버전으로 추가해줍니다. 마지막으로 위에 처럼 추가를 해줍니다. 서비스에 적용을 할 것이기 때문에 service 코드를 작성합시다. 간단하게 서비스 기능은 두 문자열을 정수로 변환하여 더해주는 기능입니다. SampleService 인터페이스와 SampleServ..
웹/Spring 2019. 5. 4. 15:58

AOP 개념

AOP는 관점 지향 프로그래밍이라고 불립니다. 즉 관심사라는 용어인데 코드를 작성하면서 고려해야 하는 사항 들이라고 할 수 있습니다. 파라미터가 올바른지?? 적절한 권한인지? 예외는 어떻게 처리하는지 ?? 핵심 로직이 아니지만 온전하게 만들기 위해 고려해야 하는데 과거에 반복적인 코드를 반영하게 됩니다. 불편함이 있습니다. 따라서 AOP는 이러한 관심사를 분리해줍니다. 한마디로 핵심 로직과 주변 로직(관심사)으로 이루어진다고 할 수 있죠. 이 주변 로직은 실행 시점에 결합이 됩니다. 즉 메서드 실행 시간이 어떻게 되는지 예외 발생 처리 등등을 처리하기 위해서 기존 코드를 수정하지 않아도 됩니다. 분리되어 있기 때문이죠. Target이 개발자가 작성하는 핵심 비즈니스 로직을 가지는 객체입니다 즉 Targe..
웹/Spring 2019. 5. 3. 22:46

REST AJAX 댓글 등록 처리

우선 댓글 등록 컨트롤러 구현 부에 대해 살펴보겠습니다. package org.zerock.controller; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.HttpStatus; import org.springframework.http.MediaType; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.DeleteMapping; import org.springframework.web.bind.annotation.GetMa..
웹/Spring 2019. 4. 28. 17:16

D3.js 공부 9 - 막대차트 그리기(part1)

D3.js는 다음과 같은 차트를 만드는데 유용합니다. 막대 차트 원 차트 파이 차트 도넛 형 차트 선 차트 버블 차트 막대 차트는 개별 범주, 그룹의 수, 빈도, 평균 표시하고 비교할 때 사용합니다. 막대 높이 길이가 범주의 크기이겠죠. x축은 범주 y축은 눈금이 있고 측정 단위를 나타냅니다. 막대형 차트는 rect를 이용하여 그려줍니다. 1단계 : rect요소 스타일 지정해주기. svg rect { fill: gray; } 위 css으로 rect 스타일을 지정해줍니다. 즉 회색으로 색칠 해준다는 뜻이죠. 2단계 : 텍스트 요소에 스타일을 지정해주기. svg text { fill: yellow; font: 12px sans-serif; text-anchor: end; } 위 css으로 text 스타일을 ..
웹/JavaScript,JQurey 2019. 4. 16. 00:47

D3.js 공부 8 - 에니메이션

D3.js는 전환(transition)을 이용하여 애니메이션을 지원해줍니다. 우선 간단한 코드를 살펴보겠습니다. Simple transitions body태그를 선택 후 스타일로 배경색을 블루로 했지만 트랜지션으로 회색으로 배경색이 바뀌게 됩니다. duration() 이 메서드는 바로 변경하지 않고 지정해준 초만큼 부드럽게 전환시켜주는 효과를 가져옵니다. Simple transitions 위 코드처럼 duraton을 5초로 준다면 h3태그의 스타일을 5초 동안 초록색으로 전환시켜줍니다. d3.selectAll("h3").transition().style("color","rgb(0,150,120)").duration(5000); 만약에 위에처럼 rgb로 속성을 지정해주면 0~150까지 색이 5초동안 부드럽..
웹/JavaScript,JQurey 2019. 4. 16. 00:20

D3.js 공부 7 - transition(전환)

Transition() 메서드 이 메서드는 모든 선택자에 가능하고 전환시켜줍니다. atrr이나 style에는 적용되지만 그 상위인 append나 data에는 적용이 안됩니다. d3.select("body") .transition() .style("background-color", "lightblue"); body태그를 선택해주고 transition() 메서드를 적용시켜줍니다. 이때 전환 대상은 style이겠죠. body 태그의 배경 색을 파란색으로 전환해주는겁니다. 또한 duration도 함께 사용하는데 var t = d3.transition() .duration(2000); d3.select("body") .transition(t) .style("background-color", "lightblue")..
웹/JavaScript,JQurey 2019. 4. 10. 21:02

D3.js 공부 6 - SVG 변환

도형을 변환 시키는것을 알아보겠습니다. 즉 도형을 회전 시키거나 이동 시키거나 등등... Translate : x, y좌표를 움직입니다. ex) Translate(60,60) => 60,60만큼 이동 Rotate : 몇도 만큼 회전 시킵니다. ex) Rotate(45) => 45도 회전 Scale: 확대 시킵니다. ex) Scale(10) 직사각형 도형이 있는데 이를 (30,30)만큼 이동 시킵니다. 이는 rotate를 통해 45도 만큼 직시각형을 회전시킵니다. 원을 추가하여 태그로 그룹화 시켜서 함께 변환 시킵니다. 즉 직사각형 원 모두 (60,60)만큼 이동 시키고 30도 회전 시킵니다. 이들을 D3.js를 이용하면 어떻게 될까요 ?? 우선 컨테이너를 생성해줍니다. 그 다음 svg를 생성해줍니다. 즉..
웹/JavaScript,JQurey 2019. 4. 10. 00:47

D3.js 공부 5 - SVG

SVG는 XML기반 백터 그래픽 형식입니다. 우선 SVG를 이용하려면 SVG로 width와 height를 지정해주고 SVG 이미지를 만듭니다. 만약에 (0,0)을 기준으로 (100,100)에서 (200,200)으로 가는 우하향 선을 그리고 싶다면 앞서 만든 svg이미지 안에 태그를 입힙니다. 태그 내 x1과 y1, x2와 y2는 좌표 속성이고 style속성으로 빨간색 선과 굵기를 지정해줍니다. 이제 D3.js로 SVG를 사용해봅시다. 우선 컨테이너를 지정해줍니다. 앞서 배운 select와 append를 통해 svg를 주입해주고 attr과 style을 통해 추가해줍니다. var width = 300; var height = 300; var svg = d3.select("#svgcontainer") .app..
웹/JavaScript,JQurey 2019. 4. 3. 19:35