개발/웹개발 기본가이드 21

옛날 버전의 STS 파일 다운로드

개발을 하다 보면 옛날 버전의 java jdk 로 개발을 해야할 때가 종종 있습니다. 그럴때는 최신버전의 sts 에선 1.8 이전 버전의 자바를 지원을 안하는경우가 있고 혹은 프로젝트가 여러개가 있어서 같은 WorkSpace 에서 하나의 STS 로는 자바 버전을 나누기 애매해서(?) 옛날 버전의 STS 가 필요할 때가 있는데요 그때 이전 버전의 STS 를 찾고 싶은데 sts 공식 홈페이지에서는 4.0.0 버전 까지의 STS 만 다운로드할 수 있게 되어 있는 것을 확인하였습니다. https://github.com/spring-projects/sts4/wiki/Previous-Versions Previous Versions The next generation of tooling for Spring Boot,..

자바스크립트 div 혹은 제이쿼리 node 에 변화 감지해서 이벤트 발생시키기

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 // Mutation Observer => DOM 에 변화가 있을 때 감지해서 이벤트를 발생시켜주는 기능 //var target = document.getElementById('target'); var target = $('#target')[0]; // 감시자 인스턴스 만들기 var observer = new MutationObserver((mutations) => { // 노드가 변경 됐을 때의 작업 console.log("event 발생!"); }) // 감시자 옵션 포함, 대상 노드에 전달 var config = { attributes: true, childList: true, characterDa..

자바스크립트 한번만 실행되는 함수 만들기

1234567891011121314151617181920function once(fn, context) { var result; return function() { if(fn) { result = fn.apply(context || this, arguments); fn = null; } return result; };} // Usagevar canOnlyFireOnce = once(function() { console.log('Fired!');}); canOnlyFireOnce(); // "Fired!"canOnlyFireOnce(); // nadacs https://davidwalsh.name/javascript-once JavaScript Once Function Learn how to ensure ..

자바스크립트 object key 값 동적으로 할당하기

작업을 하다가 어느 순간 어떤 배열을 이용하여 Object 를 생성해야 하는데 배열을 이용하여 동적으로 key 와 value 를 생성해야할 때가 있었습니다. Object 를 생성할 때는 1 2 3 4 5 6 7 var testObject = { "1번째 컬럼" : "사과", "2번째 컬럼" : "바나나", "3번째 컬럼" : "오렌지", "4번째 컬럼" : "포도", "5번째 컬럼" : "옥수수" } cs 이렇게 생성하는 방법밖에 몰랐었는데 blog.knowgari.com/JSON%EB%8F%99%EC%A0%81%ED%95%A0%EB%8B%B9/ [JavaScript] JSON 객체 Key값 동적 할당 JSON 객체 Key값 동적 할당 blog.knowgari.com 이분의 블로그를 참조하여 어떠한 배열..

웹개발 tiles 설정하기

이 글은 https://dzzienki.tistory.com/66 Eclipse Dynamic Web Project로 Spring Maven 프로젝트 만들기 이번 포스팅에서는 STS 나 egovframework 를 사용하지 않고 이클립스에서 Dynamic Web Project 를 이용하여 Spring Maven 기반의 웹 프로젝트를 만들어 보도록 하겠습니다. 이 포스팅의 목적은 가장 기본적인 � dzzienki.tistory.com 이 포스팅의 마지막 부분에서 이어집니다. tiles 라는 것은 말 그대로 화면을 조각들로 분할하여 사용할 수 있도록 도와주는 프레임워크 입니다. 예를들어 인터넷 카페나 블로그 등을 생각 해 보시면 화면이 상단메뉴, 좌측 혹은 우측 메뉴, 콘텐츠 부분, 하단메뉴 이렇게 나누어져..

Eclipse Dynamic Web Project로 Spring Maven 프로젝트 만들기

이번 포스팅에서는 STS 나 egovframework 를 사용하지 않고 이클립스에서 Dynamic Web Project 를 이용하여 Spring Maven 기반의 웹 프로젝트를 만들어 보도록 하겠습니다. 이 포스팅의 목적은 가장 기본적인 설정을 직접 셋팅해봄으로써 각 설정의 의미들을 파악하고 익숙해지는데에 있습니다. 그럼 바로 시작해보겠습니다. 우선 이클립스에서 DynamiDynamic Web Project 를 하나 생성해 줍니다. 생성 방법은 상단 메뉴의 File > New > Dynamic Web Project 를 선택해주거나 혹은 Package Explorer 혹은 Project Explorer 에서 빈 공간에 마우스 우클릭을 한 후 New > Dynamic Web Project 를 선택해주는 방법..

STS (Spring Tool suite 4) 와 egovframework 사용하기

사실 Spring MVC 패턴을 기반으로 한 프로젝트를 만드는 방법은 간단합니다. 바로 STS(spring Tool Suite) 라는 개발툴을 다운 받으면 되는데요 https://spring.io/tools 사이트에 접속 하신 뒤 자신의 환경에 맞는 Spring Tools 4 for Eclipse 를 받아주신 후 SpringToolSuite4.exe 를 실행시킵니다. 그러면 이런 로딩창과 함께 이런 이클립스와 똑같이 생긴 개발 툴이 다운받아 지는데요 몇가지 설정을 더 해주어야 합니다. 메뉴의 Help 의 Eclipse Marketplace... 로 들어가셔서 sts 라고 치시면 나오는 Spring Tools 3 Add-On for Spring Tools 4 라고 되어있는 확장 프로그램을 설치해줍니다. 이..

스프링과 메이븐의 비유적 개념

자바 개발자 특히 웹개발자로 일을 하기 위해선 반드시 알아야 할 개념이 있습니다. Spring 과 Maven 입니다. Spring 의 개념을 인터넷에서 찾아보면 빠지지 않고 등장하는 말이 있습니다 “ 스프링이란 어떤 것이다라고 한마디로 정의하기는 쉽지 않다. 스프링에 대해 가장 잘 알려진 정의는 이렇다. 자바 엔터프라이즈 개발을 편하게 해주는 오픈소스 경량급 애플리케이션 프레임워크 “ 저도 저 말을 듣고 이해할 뿐이지 모르는 사람에서 설명을 하라고 한다면 도저히 이해시킬 자신이 없습니다. 단 ‘프레임워크’ 라는 단어는 기억하셨으면 좋겠습니다. 그냥 제 식대로 예를 들어가며 설명을 해 보겠습니다. 만약 당신이 아무것도 없는 상태에서 목재 가구를 만든다고 생각해 봅시다. 우선 설계를 해야겠죠 가로 몇미터 세..