빈코의 개발일지

개요안녕하세요 빈코입니다! 오늘은 js에서 순서를 변경하는 기능인 drag&drop 기능에 대해 포스팅하려고 합니다. 드래그 앤 드롭은 파일을 마우스로 옮기거나 특정 요소들을 원하는 순서로 배치하기 위해 많이 사용하는데, 오늘은 체크박스들의 위치들을 옮기는 작업들을 같이 해보려고 합니다. 자세한 내용들은 하단에서 설명할게요😃 드래그 앤 드롭 예시📙먼저 드래그 앤 드롭의 예시 먼저 살펴볼까요?  5개의 과일을 각각 체크박스로 명시한 후 위의 영상과 같이 순서를 변경하는 간단한 예시를 들어봤습니다. 실무에서는 사용자 인터페이스에서 정렬 기능을 제공해야 할 때 주로 해당 기능을 사용하는데, 예를 들어 대시보드나 위젯을 사용자가 원하는 레이아웃으로 변경하는 기능을 제공한다던가 혹은, 데이터 테이블의 칼럼을 ..

개요오늘은 JavaScript에서 제공하는 고차 함수(Higer-Order Function)에 대해 알아보려고 합니다. 고차 함수는 다른 함수를 인자로 받거나 함수를 반환하는 함수를 의미하는데, 함수는 일급 객체(First-Class Citizens)이기 때문에 JavaScript에서 함수는 일반 값처럼 취급이 가능하여 변수에 할당되거나 다른 함수의 인자로 전달 또는 함수의 반환값으로 사용할 수 있습니다.  이러한 특징들을 이용한 고차 함수는 코드의 재사용성을 높이고, 간결하고 읽기 쉬운 코드를 작성하는데 매우 유용하게 사용됩니다. 본문 하단에서 일반적으로 함수를 만들 때와 고차 함수를 사용할 때의 차이를 잠깐 알아보고 다양한 고차 함수를 소개할게요😊 고차 함수를 사용하는 이유📙만약에 1~5까지 있는..

안녕하세요 빈코입니다! 오늘은 저번 포스팅(Spring Message 적용법)에 이어서 사용하는 방법에 대해 포스팅하려 합니다. 프로젝트를 만들다 보면 크게 Front, Back으로 나뉘는데 저희가 이전에 적용한 Spring Message도 각각의 파일마다 사용하는 방법이 다릅니다. 파일은 js(javascript), html(jsp), java(controller, service)로 나뉩니다. 바로 사용하는 방법을 확인해 볼게요😁 Java 단 사용법(Controller, Service)📙 Java단에서 사용하는 방법은 지난 포스팅에 맞게 잘 따라오셨다면 생각보다 간단합니다. 지난 포스팅에서 Spring Message라는 Bean을 ApplicationContext.xml에 등록해 줬었는데요! 여기서 J..

안녕하세요. 빈코입니다! 오늘은 Java에서 자주 사용하는 spring:message에 대해 자세히 포스팅하려 합니다. message 적용을 위해서는 web.xml, applicationContext.xml에 대해 알아야 하기 때문에 각각의 역할이 무엇인지 알아본 후 message 적용하는 방법에 대해 포스팅하겠습니다😁 Spring:message란?📗 개발을 하다보면 국제화가 필요할 때가 있습니다. Spring에서는 메시지 처리의 다국어 지원 및 국제화를 위한 기능을 spring:message로 지원합니다. 이를 위해 Spring은 'MessageSources' 인터페이스를 제공하고 주로 'ReloadableResourcesBundleMessageSource' 클래스를 사용합니다. Spring messa..

안녕하세요 오늘은 JavaScript를 이용하여 다중 검색 기능을 만들어 볼 예정입니다. 겉으로는 쉬워 보이지만 코드 내용이 생각보다 많아서 잘 따라오셔야 할 것 같아요. 다중 검색 기능은 어디서든 사용이 가능하게 최대한 모듈화 방식으로 js 파일을 구성했습니다. 글 내용을 천천히 따라가시다 보면 해당 파일을 어떻게 적용하는지 아실 수 있어요😁 또한, 독자분들이 원하는 방향성과 다를 수 있기 때문에 개요에 있는 gif를 보시고 판단하시고, 비슷하다면 직접 원하시는 방향으로 커스텀해서 사용하시면 될 것 같습니다. 시작해 볼까요? 개요위의 gif 파일과 같이 특정 페이지에서는 다중 검색이 가능하게 만들어야 하는 경우들이 종종 있습니다. 사실 해당 페이지에서만 동작하게 만든다면 쉽게(!?) 구현할 수 있었겠..