찰떡개발자 코딩

저장/ 일괄삭제 버튼을 쇼핑몰 카트 처럼 따라다니게 만들어야했다. 스크롤의 위치를 이용하여 박스를 옮기는 방식. 사용자가 원하는 설정만 입력하면 바로 사용가능. 1. javascript.Js $(function(){ var $win = $(window); var top = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환 /*사용자 설정 값 시작*/ var speed = 500; // 따라다닐 속도 : "slow", "normal", or "fast" or numeric(단위:msec) var easing = 'linear'; // 따라다니는 방법 기본 두가지 linear, swing var $layer = $('.save-delete-btn-div'); // 레이어 셀렉팅 v..

Java를 사용하는데 뭔가 그냥 쓰던데로만, 겉핥기 식으로만 알고 있던것들에 대해 다시 알아보려고 한다. Builder Pattern으로 객체 생성을 알아보기 전 다른 객체 생성 방법에 대해 살짝 보고 가자!! 1. Java Beans Pattern 가장 익숙한 getter/setter를 이용하여 객체를 생성할때 필드를 주입하는 방식이다. Person person = new Person(); person.setName("BackEnd developer"); person.setAge(30); person.setAddress("BabREE"); 아래에서 보겠지만 점층적 생성자 패턴과는 다르게 1회의 생성자 호출로 객체를 완전히 생성하지 못한다는 단점이 있다. 즉, setter 메소드를 통해 값이 계속 변할 ..

OAuth란? 네이버, 카카오 로그인을 사용한다 했을때 우리는 이것을 우리 프로젝트에 잘 녹여내어야 한다. 고객이 카카오 로그인을 사용했다고 가정했을때, 우리는 카카오에서 관리하는 모든 정보를 알수는 없지만, 일부 정보를 카카오에게 받아서 사용할 수 있어진다. 우리가 카카오에 등록되있는 아이디와 비밀번호를 아는것은 아주 큰 문제이기 때문에 돌려서 사용한다고 생각하면 쉬울 것 같다. OAuth의 핵심은 Access Token이다. Access Token을 이용해, 이 토큰값과 관련된 고객의 정보를 우리는 카카오에 요청 => 카카오는 서비스는 이 토큰을 검증하고, 발급된게 맞다면 => 고객의 정보를 우리서비스에 넘겨주는 방식이다. Redirect HTTP에는 리다이렉트 메시지가 존재한다. 리다이렉트를 이용하..

일반적으로 모든 프로젝트 및 우리가 사용하는 제품들은 Log를 적재한다. 문제가 생겼을때 오류 코드를 찾아 해결하기 위해 많이 접할 수 있다. 그래서 Log를 적재하는데, Log가 한번에 다 몰아져있으면 오류코드를 찾기가 너무 힘들기 때문에 LogRotate라는 아이가 필요해진다. 로그들을 잘관리하도록 설정하는 기능 == logrotate 우리는 Linux에서 제공하는 Crontab을 이용하는 Logrotate라는 아이를 사용할 것이다. [1] 실행순서 및 구조 1. LogRotate 실행 순서 우선 실행순서가 어떤식으로 진행되는지 확인해보자. 2. LogRotate 파일들 데몬 프로그램 : /usr/sbin/logrotate Logrotate 데몬 설정파일 : /etc/logrotate.conf Log..

Spring Project중 리스너를 사용한 데몬을 개발하던 중 로컬환경과 배포환경이 다르기 때문에, Properties를 분리하여 사용하고자 했다. 처음에는 Properties파일 안에 local / dev 두개를 같이 넣어놓고 , 개발할때는 배포환경 주석/ 배포할때는 개발환경 주석 처리하고 배포하였다. 하지만 데몬이 늘어날수록 너무 귀찮아지는것...! 매번 저렇게 할수 없어서 방법을 찾아서 편하게 배포할 수 있도록 수정하고싶었다. 기존 War로 말아서 Tomcat으로 실행시킬때는 톰캣 설정파일에 아규먼트를 전달해주면 되서 간단하게 사용했는데, -fat.jar로 말아서 배포하여 사용하니 설정을 어디에 잡아야하는지 몰랐다... 아직 개발 0년차....ㅎ; 찾아보니 JVM -D 옵션을 통해 아규먼트를 아주..

모달을 쓰다보면 모달 밖 클릭을 방지하고 싶을때가 있다. 간단하게 두가지 방법중 자신에게 맞는 방법으로 적용시키면 된다. Modal에서 제공하는 backdrop이라는 속성값으로 설정 가능하다. (1) JS를 통해서 모달을 생성했을 경우 $('#newModal').modal({backdrop: 'static', keyboard: false}) ; (2) 데이터 어트리뷰트(data attributes)를 통해서 만들경우 ModalOpen

Spring boot 2.4.3 버전 사용시 Pom.xml에서 아래와 같은 오류가 발생하였다. Execution default-resources of goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources failed Maven Plugin 오류임으로 아래 Depenedency 추가가 필요하다. org.apache.maven.plugins maven-resources-plugin 3.2.0

SpringBoot란? 스프링 프레임워크 프로젝트를 간편하게 설정하여 사용할 수 있게 하는 아이 Spring Boot makes it easy to create stand-alone. Most Spring Boot applications need very little Spring configuration. 웹 컨테이너를 내장하고 있어 최소한의 설정으로 쉽게 웹 어플리케이션을 만들 수 있다. SpringBoot 사용 이유 및 장점 ※ SpringFramework와 비교해보자. SpringFramework는 XML 설정파일 작성 등 설정하는 방법이 어렵지만 , SpringBoot는 반복되는 개발환경 구축을 위한 노력을 줄이고, 쉽고 빠르게 프로젝트를 설정할 수 있다. 프로젝트 환경 구축에서의 비기능적인 기능..

알고리즘에 대해서 너무 모르는것 같아 하나씩 시간 날때마다 공부해 보려고 한다. 이진탐색 알고리즘이란 정렬되어 있는 자료들의 집합에서 특정 자료를 찾고자 할 때 많이 사용 이진 탐색은 '퀵정렬'과 유사하게 '분할 후 정복(divide and conquer)'의 전략을 사용 실행시간은 log 특히 문제의 크기를 정확히 양분하는 경우에는 최악의 경우 logN의 성능을 보장한다. 이진 탐색의 탐색 시간은 'T = K * logN'으로 O(logN)이다. 선형 탐색의 시간보다 상당히 빠르지만 이진 탐색은 반드시 정렬이 되어있어야 한다. 정렬하는 비용이 든다는 단점이 있다. 다음과 같은 상황에서 이진 탐색은 효율적인 성능을 제공한다. 1) 새로운 자료가 추가되었어도 모든 자료가 재정렬이 일어나지 않는 경우 -> ..

@Controller와 @RestController 차이 한번 보고 넘어가자 차이점 HTTP Response Body가 생성되는 방식의 차이. @Controller는 View 기술을 사용 Client -> Request -> Dispatcher Servlet -> Handler Mapping -> Controller -> View -> Dispatcher Servlet -> Response -> Client @RestController는 객체를 반환할때 객체 데이터는 바로 JSON/XML 타입의 HTTP 응답을 직접 리턴 Client -> HTTP Request -> Dispatcher Servlet -> Handler Mapping -> RestController (자동 ResponseBody 추가)-..