반응형

연습장 검색 결과

해당 글 338건

Form 태그 동적으로 만들어서 POST 전송 (Vanilla JS, jQuery)

가끔 form 태그를 직접 만들어서 submit 해야하는 경우가 있다. Vanilla Javascript Vanilla Javascript로 하면 다음과 같다. function createForm() { var form = document.createElement("form"); form.setAttribute("id", "form"); form.setAttribute("method", "Get / Post"); form.setAttribute("action", "action URL"); // encoding 필요 시 // form.setAttribute("encType", "application/x-www-form-urlencoded"); var hiddenField = document.createEl..
Frontend/Javascript 2020. 12. 8. 13:50

Unite Gallery 를 이용한 반응형 갤러리 만들기

갤러리 형태를 html, css, javascript 로 구성을 하다가 괜찮은 플러그인이 없는지 찾아보았는데 마침 괜찮은게 있어서 메모해보려 한다. Unite Gallery Unite Gallery 플러그인은 다양한 형태의 갤러리를 제공한다. Unite Gallery 진짜 너~무 많으니 직접 둘러보길 바라며 다음은 설정하는 부분이다. Compact Theme - left panel position 글쓴이는 Compact Theme - left panel position 형태를 사용해 보았다. 메인 이미지가 우측에 큰 사이즈로 나오며 좌측에 스크롤 형태로 작은 이미지들이 썸네일로 표시된다. 좌측 패널 쪽에서 마우스 휠을 이용한 스크롤이 아니라 마우스를 위아래로 움직이면 자동 스크롤링되며 썸네일을 클릭하면 ..
Frontend/jQuery 2020. 12. 3. 15:38

[JSTL] ul li 목록 태그를 5번째 마다 출력하기

ul li 목록 태그를 5번째 마다 출력하기 내용 내용 첫 시작이라면 ul태그를 열고 마지막이라면 ul태그를 닫는다. 그리고 5번째마다 내용을 출력하고 ul태그를 닫고 연다. 그게 아닌 경우는 내용만 출력한다. 결과 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 리스트의 사이즈가 14였다면 마지막은 4개만 출력됨
Backend/JSP 2020. 11. 30. 13:23

외부 파일 읽어서 String 으로 출력하기

import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.IOException; import java.io.InputStreamReader; public class FileContentReadTest { public static void main(String[] args) { // 버퍼 생성 BufferedReader br = null; // Input 스트림 생성 InputStreamReader isr = null; // File Input 스트림 생성 FileInputStream fis = null; // File ..
Backend/Java 2020. 11. 27. 09:46

Spring Boot - (5) AOP 설정

이전 포스팅에서 logback 설정까지 했었다. Spring Boot - (4) logback 설정 이번에는 AOP 설정을 해볼 것이다. AOP AOP 관련하여 역시나 잘 정리된 갓대희 님의 포스팅 글을 참고하여 재정리 해보도록 하겠다. 결론을 먼저 말하자면 자바 웹 개발을 할 때 공통적으로 처리해야하는 부분에 대해 별도로 관리하며, Life Cycle에 따라 부분적으로 원하는 기능을 실행할 수 있다. 공통적으로 처리하는 방식에는 3가지가 있다. Filter Interceptor AOP 흐름은 Filter → Interceptor → AOP → Interceptor → Filter 으로 흘러가며 이미지로 확인하면 다음과 같다. Interceptor와 Filter는 Servlet 단위에서 실행된다. 반면 ..
Backend/Spring 2020. 11. 26. 15:28

윈도우 명령프롬프트를 더 효율적으로 … cmder

윈도우 환경에서 개발을 진행하다 보면 명령 프롬프트를 사용할 일이 자주 생기게 됩니다. 하지만 윈도우의 명령프롬프트는 리눅스나 맥 환경과는 다르게 사용성이 매우 떨어지며, 시스템 환경에 따라 글꼴이 깨지는 등의 문제가 발생하곤 합니다. cmder는 이러한 단점을 극복할 수 있는 윈도우용 명령 프롬프트 확장 프로그램 입니다. 기본적으로 다음과 같은 장점이 있습니다. Ctrl + C, Ctrl + V 를 통해 복사, 붙여넣기 가능 리눅스 명령어 실행 가능 Git 클라이언트가 내장되어 있기 때문에 별도의 Git 클라이언트 추가 설치 불필요. 프로그램 내려받기 cmder 사이트 사이트에 접속하여 스크롤을 내리면 아래와 같이 다운로드 버튼이 표시됩니다. Download Full 버튼을 클릭하여 Full Versi..
유용한 것 2020. 11. 24. 21:05

VSC - Eslint & Prettier 적용하기

Eslint 란 ? 문제 찾기 ESLint는 코드를 정적으로 분석하여 문제를 신속하게 찾습니다. ESLint는 대부분의 텍스트 편집기에 내장되어 있으며 연속 통합 파이프라인의 일부로 ESLint를 실행할 수 있습니다. 자동으로 수정 ESLint가 발견한 많은 문제들은 자동으로 해결될 수 있다. ESLint 수정은 구문을 인식하기 때문에 기존의 찾기 및 교체 알고리즘에 의해 도입된 오류를 경험하지 않습니다. 사용자 지정 코드를 미리 처리하고 사용자 지정 파서를 사용하고 ESLint의 기본 제공 규칙과 함께 작동하는 고유한 규칙을 작성합니다. ESLint를 사용자 정의하여 프로젝트에 필요한 방식으로 정확하게 사용할 수 있습니다. 설치방법 VSCode, Node.js, NPM 설치 먼저 VSCode, Node..
IDE/Visual Studio Code 2020. 11. 23. 16:48

Spring Boot - (4) logback 설정

이전 포스팅에서 Database 연동까지 했었다. Spring Boot - (3) Database 연동하기(Mysql, MyBatis, HikariCP) 이번에는 logback 설정을 해볼 것이다. logback 설정 자바 오픈소스 로깅 프레임워크, SLF4J의 구현체 스프링 부트의 기본으로 설정되어 있어서 사용시 별도로 라이브러리를 추가하지 않아도 된다. log4j, log4j2 등과 성능을 비교했을 때 logback이 더 훌륭한 성능을 보여준다. 이전 포스팅을 읽었다면 DB 설정은 이미 log4j로 변경된 설정값으로 되어있을 것이다. log4j에 대한 설정 파일이 별도로 필요하다. application.yml과 같은 경로에 2개의 파일을 새로 만들고 각각 소스를 추가한다. log4jdbc.log4j2..
Backend/Spring 2020. 11. 23. 00:32

Spring Boot - (3) Database 연동하기(Mysql, MyBatis, HikariCP, sample_db 첨부)

이전 포스팅에서 Controller를 생성하고 JSP와 연동까지 했었다. Spring Boot - (2) Controller 생성 및 JSP 연동하기 이번에는 Database를 연동하여 로그인을 할 것이다. 1. pom.xml Dependency 추가 com.google.code.gson gson 2.8.5 mysql mysql-connector-java 8.0.22 org.mybatis.spring.boot mybatis-spring-boot-starter 2.1.3 org.bgee.log4jdbc-log4j2 log4jdbc-log4j2-jdbc4.1 1.16 2. application.yml driver 및 연결 정보 설정 추가 datasource: # MARIADB #driverClassName:..
Backend/Spring 2020. 11. 22. 23:47
반응형