일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- JavaScript
- 성북구맛집
- 돈암동맛집
- 꼴뚜기회
- npm
- react
- 성신여대편백집
- 공무원
- 스페인여행
- 방이편백육분삼십
- 방이편백육분삼십성신여대
- 파이썬
- 서울숲누룽지통닭구이
- 뚝섬역맛집
- ELK
- 통영여행
- 통영에어비앤비
- 한남동맛집
- 통영예쁜카페
- 자바스크립트에러처리
- gradle
- 국가직
- 영화추천
- 퇴사후공무원
- ubuntu자바설치
- tomcat7
- 통영
- springboot
- 성신여대맛집
- 한성대맛집
- Today
- Total
목록javascript,HTML,CSS (30)
코린이의 기록
문자열 사용시 문자열의 리터럴에는 작은따옴표(')큰 따옴표("), 백틱(`)을 사용한다. const a ='Sam looked up, and said "hello, old friend!", as Max walked in.' const b ="Don't do that!" * 작은따옴표를 사용하든 따옴표를 사용하든 반드시 해당 리터럴에는 한가지만 있어야 한다. 예를들어 const c = "sam looked up and said "don't do that!" to Max." 와 같이 사용하면 에러가 발생한다. "sam looked up and said "don't do that!" to Max." "로 시작했으면 반드시 문자열이 끝날 때 "로 끝나야 하기 때문이다. 이때 이스케이프가 필요하다. 여기서 중간에..
리터럴? : 프로그램의 코드상에 데이터의 값을 표현하는 방식 ES6에서 새로 생긴것 ; let, const 1. let : ES6이전에는 var 만 사용함. ※ let과 var 차이는? var는 변수 재선언이 가능했다 var a = 'a' var a = 'b' 또한 Hoisting으로 인해 아래 코드가 error가 발생하지 않는다 x = 'x' var x = 'y' let은 변수 재선언이 불가능하다. 2. const : 값을 한번 할당하면 할당한 값을 바꿀 수없음 const b = 'test' 여기서 'test'가 literal이 된다. literal은 변수에 넣은 변하지 않는 데이터를 의미한다. ※ let과 const의 차이는? let은 재선언은 불가능하지만 값을 재 할당하는 것은 가능하다. let a..
Javascript에서 select box 사용시 동적으로 현재 modelAttribute가 가진 value가 selected 되도록 구현하고 싶을때가 있다. Example)forEach로 sw version list를 가져왔는데 이때 update나 view 기능을 구현할때 현재 version을 먼저 selected 되도록 구현해야 했다. 12345678910111213 S/W * ${status.errorMessage} Colored by Color Scriptercs How to? 1234567//remove selected one$('option:selected', 'select[name="options"]').removeAttr('selected');//Using the value$('select..
1getOutputStream() has already been called for this response cs 아래 링크에서 tomcat doc를 살펴보면 https://tomcat.apache.org/tomcat-6.0-doc/api/org/apache/catalina/connector/Response.html?is-external=true "java.lang.IllegalStateException"은 "getOutputStream"이미 해당 response로 called 되면 발생하는 예외라고 적혀있다. 즉 getOutputStream() 이 2번 호출...위 에러 메세지로 구글링을 좀 해보니 해결방법은 -> out.clear();를 response.getOutputStream(); 하기 전에 실..
bootstrap.min.css, jquery.min.js, multiselect.js 를 로드한다. 1cs 123Colored by Color Scriptercs 1234567891011121314151617181920212223242526272829 C++ C# Haskell Java JavaScript Lisp Lua MATLAB NewLISP PHP Perl SQL Unix shell Colored by Color Scriptercs multiselect 초기화1$('#multiselect').multiselect();csDemo : https://www.jqueryscript.net/demo/Two-side-Multi-Select-Plugin-with-jQuery-multiselect-js/Re..
HTML + CSS + JS를 이용한 동적 테이블 페이징 구현HTML123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156..
Javascript에서 Json 직렬화할때 사용된 라이브러리이다. 1234567 ...... cs .serializeJSON(); JSON 으로 직렬화위 form 을 Json format으로 직렬화 하면 1$('form#testForm').serializeJSON();cs 다음과 같은 포멧으로 직렬화 된다 {"test":{"a":"1","b":"2","c":"3",}} .serializeObject(); Javascript Object로 직렬화 1$('form#contact').serializeObject();cs result{test:{a:"1",b:"2",c:"3",}} 위 라이브러리를 사용하기위해서 아래 git에서 js 파일을 다운로드 한다. https://github.com/macek/jquery..
ajax를 이용하여 컨트롤러단에서 @ResponseBody로 return 되는 List object를 전달해주어야함 Controller123456 @RequestMapping(value = "/management/campaign/popup/device_model_form", method = RequestMethod.GET) @PreAuthorize("hasAnyRole('ROLE_ADMIN, management/campaign|C')") public @ResponseBody List device_model_form(@RequestParam(value="carModelId") Integer carModelId, ModelMap modelMap) { List CarModelHasDevModels = carM..