WEB (32) 썸네일형 리스트형 [javascript/정규식] 천단위 콤마 표시 // 천단위 콤마 표시 (소수점 포함 문자열)get_currency = function(value){return value.toString().replace(/(\..*)$|(\d)(?=(\d{3})+(?!\d))/g, (d, f)=> f|| d+',');} inputreturn123456.123123,456.123123123123,123 Dependency Injection 의존성 주입 dependency Injection 은 스프링 공부하면서 자주 들었던 키워드이다. 정확한 개념을 알아두고 싶어 정리해본다. 의존성이란 A 클래스에서 B 클래스를 사용할 때 A클래스는 B클래스에 의존적이라고 할 수 있다. class A{ B b = new B(); } class b{ // } 의존성 주입 의존성이 있는 코드를 넣어준다는 의미로 A클래스에서 B클래스를 직접 생성하는 것이 아닌 B클래스를 외부에서 미리 생성하여 인스턴스를 사용하는 것을 의미. spring의 다른 특징, inversion of control(제어의 역전) 과도 연관이 있다. 제어의 역전 일반적으로 class A가 classB를 생성하여 사용하나 제어의 역전의 경우 중간의 매개체가 생겨 제어권을 일임하는 것. 이 매개체를 IoC.. [ js ] kakao map api 지도 표출하기 지도 사용해야 할 때 자주 이용하는 카카오 맵 api. 무료여서 개발단계에서 사용하기 좋습니다. 1. kakao developers 가입 및 키발급 카카오 맵 api 를 사용하기 위해서는 먼저 APP KEY를 발급받아야합니다. 우선 내 애플리케이션 메뉴에 접속합니다. 애플리케이션 추가하기를 클릭합니다. 기타 정보들을 입력한 후 저장합니다. 저장 후에 목록에서 클릭하면 앱 설정 > 요약 정보에 JavaScript 키를 비롯하여 여러 키들이 생성됨을 확인할 수 있습니다. 우리는 JavaScript 키를 사용할 것입니다. 2. 카카오 맵 api 명세를 확인하여 지도 생성 Web 버튼을 클릭하여 API 명세를 살펴봅시다. 먼저 맵 div를 생성하고 api를 import해줍니다. appkey 의 경우에 발급받은 .. 리액트(2) - state and Lifecyecle 리액트 클래스 컴포넌트에서 주로 사용하는 것들 - State : 리액트 Component의 변경가능한 데이터 -> state는 개발자가 정의함(렌더링이나 데이터 흐름에 사용되는 값만 포함해야함), javaScript 객체 - 모든 클래스 컴포넌트는 contrtuctor라는 생성자를 가지고 있음, 생성자 내부에 선언 - 생명주기 : 리액트 컴포넌트는 생성, 사용, 사망주기 가짐 사망은 상위 컴포넌트에 표시되지 않는 순간이다. - class 컴포넌트에서는 반드시 setState함수를 사용해서 state를 업데이트 해야함 - 리액트 훅 , 리액트 16.8버전부터 나옴 - 함수컴포넌트에 사용 - 클래스의 모든 기능 사용할 수 있게 됨 - 값이 바뀔 때 마다 재 렌더링 u.. 리액트 공부(1) 새로운 프로젝트에 투입됐는데 갑자기 쌩뚱맞게 리액트를 사용하게 됐다. 우선 나는 리액트 로고밖에 모르는 사람이고... 급하게 리액트 공부를 시작하게 된것이 이 글을 작성한 배경이다. 우선 기존에 사용하던 JSP와 가장 큰 차이점은 리액트는 하나의 index.html에 여러 컴포넌트를 조립하여 페이지를 동적으로 처리를 해준다. 기본적으로 라이브러리이기 때문에 react를 임포트 해서 사용을 한다. JS와 JSX가 있는데 JS는 순수 JS 함수가 들어가 있고 JSX는 동적 html 조립을 위한 xml 코드가 들어가 있는 파일이다. 렌더링 되는 시점이나 이런건 잘 모르지만 지금까지 이해한 결과로는 각각의 컴포넌트가 리턴하는 값에 의해 조립되고 로직이 처리되고 그러는거 같다. 일단 소제목 단위로 하나하나 공부할.. input 박스 날짜 30일, 60일 초기화하기 기간 입력하면 dateEnd, dateStart에 오늘날짜 기준으로 input박스 초기화해주는 코드. // 날짜 필터 var dateSet = function(period){ const date = new Date(); // 현재 날짜 구하기 const month = date.getMonth(); // 현재 날짜의 월 구하기 const day = date.getDate(); // 현재 날짜의 월 구하기 $('#dateEnd').val(date.toISOString().substring(0, 10)); switch (period){ case '1' : { break; } case '7' : { date.setDate(day-7); break; } case '30' : { date.setMonth(month.. [jquery/js] 동적 웹페이지 교체 load() 페이지 구조가 너무 복잡하거나 특정 부분만 바꾸고 싶은데 수정하기 번거로운 경우가 있다. 그럴경우 동적으로 특정 부분만 교체할 수 있는 load()메서드를 사용하시라 사용법은 다음과 같다. 1. 구역을 id값이나 class값으로 지정 2. load메서드로 데이터를 로드 이때 /test가 반환하는 값으로 채워짐 $('#testArea').load("/test") [마이바티스 에러/ Mybatis error] Mapped Statements collection does not contain value for ~ Caused by: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value for ~ 마이바티스가 참조하는 매핑을 찾을 수 없을 때 발생하는 에러 주로 마이바티스 호출하는 메소드 이름 오류때문에 발생 dao에서 id값과 마이바티스 id값을 잘 확인해보길. 이전 1 2 3 4 다음
