Map (5) 썸네일형 리스트형 스프링 Controller Step 3, response 할당(View, RESTful) (웹브라우저 주소창에 입력 및 실행되면) 결과를 웹브라우저에게 반환하는 것. Controller .java 경로는 /src/main/java/도메인경로/controller/ 로 가정 View .html 경로는 /src/main/resources/templates/ 로 가정 크게 3가지인데, A. 뷰 파일 호출 (1번과 2번) B. 화면 전환 (2번에서 redirect) C. JSON 객체 반환 (나머지 3~11번) 1. void 호출된 URL 과 동일한 뷰 파일 호출. 2. String 호출된 URL 을 처리한 Controller 에서 리턴한 뷰 파일 호출 3. JavaBeans Class 파일 대신에 Controller 에서 생성한 JSON 객체 반환 RESTful 에서 사용 ($.ajax 등등) 해당.. Java Collections https://cafe.naver.com/pgzoo/27 java.util 컬렉션 동기화 속도 기타 Interface Class Set HashSet X 둘 중 빠름 HashMap보다 느림 TreeSet X 둘 중 느림 키가 정렬됨 Map (순서X) HashMap X 셋 중 빠름 null 값 허용 Hashtable 보다 적은 메모리 사용 Hashtable O 셋 중 중간 null 값 허용 안함 HashMap 보다 많은 메모리 사용 jdk1.8 이후 Deprecated TreeMap X 셋 중 느림 키가 정렬됨 List (순서O) ArrayList X 넷 중 빠름 null 허용 LinkedList X 넷 중 중간 Vector O 넷 중 느림 Stack O Vector 와 동일 LIFO(후입선출) 가능 ※ .. IE 에서는 잘 되는데 크롬 등등에선, 이미지 맵으로 된 링크 작동이 이상.. 코드는 아래와 같구요..작동은 leftMenu 나 rightMenu 상의 img 위에 마우스가 올려지면, centerVisual의 이미지가 바뀌는 겁니다.centerVisual 에 올려지는 이미지에는 이미지맵 세팅되고, 각각 링크가 걸려 있어요.top 영역 밖으로 마우스가 이동하면 기본 이미지가 centerVisual 에 세팅됩니다.그런데, IE 에서는 제대로 동작을 하는데..크롬이나 사파리, 파이어폭스에선, 이미지맵에 마우스 커서가 올려질 때 centerVisual 에 기본 이미지가 세팅됩니다.고민 고민하다 보니.. 이미지맵에 마우스가 올려지면 top 영역이 아닌 것으로 인식한다..그러고 보니 map 들은 top 밖에 있네요.. top 밖에 있는 map 들을 top 안에 넣으니까 크롬 등에서도 정상 작.. usemap 사용시 크롬에서 작동하지 않는다면..? 아래 코드를 MS 사의 인터넷익스플로러(Internet Explorer, IE) 에서 실행하면 잘 실행됩니다.그런데, Google 사의 크롬(Chrome) 에서 실행하면..? 작동하지 않습니다. 아래 코드와 같이, 대체로는 map 의 name 과 id 를 동일한 명칭으로 세팅하는데..누군가가 이걸 다르게 세팅해서 우연치 않게 발견했네요. ~. 어떻게 보면 usemap 에서 '#' 을 사용하기 때문에 map 태그의 id 에 기재된 "idMap" 이 작동할 것같지만,usemap="#nameMap" 과 같이 해야 map 태그 하위 태그인 area 의 href 에 기술된 내용이 작동합니다.이것이 조금 이상하다구요..? jquery 등의 툴을 사용하는 경우, id 에 '#' 을 class 에 '.' 를 사용하는 .. 이미지 맵에 jQuery attr 함수를 사용하여 '손' 모양의 커서를 붙이면서 링크 거는 방법 이미지 맵에 bind 함수로 click 이벤트를 넣으면 작동은 하는데.. 이미지에서 이미지 맵에 설정된 곳에 '손' 모양의 커서가 나오지 않아요. css 함수로 커서를 넣으려고도 해 보고, addClass 함수를 써 봐도 소용이 없더군요. area 태그에 href 를 추가하면 '손' 모양의 커서가 표시되기는 하지만.. 클릭하면 엉뚱한 결과가 나오져.. 그래서, bind 는 포기하고.. attr 함수를 써서 'href' 속성에 값을 넣도록 하니 커서 모양도 바뀌고, 제대로 돌아갑니다.. 아래 예에서는 shape 을 poly 로 주었는데, 다른 속성을 사용해도 마찬가지 입니다. openThis 함수는 별도로 만들어져 있는데.. 그냥, window.open 에 파라미터 주는 거라서 생략. 링크 달때, href.. 이전 1 다음
