[Javascript] c:forEach문의 index 가져오기
2022. 7. 14. 19:03
Language/JavaScript
c:forEach문의 index 가져오기 Javascript에서 jsp의 forEach의 순번을 어떻게 가져오나 고민했다. varStatus도 모르겠고 그냥 1~n이니까 나도 for문 돌리려다가 실패했다. 화가 빡빡 났다. 나의 짧은 지식에 분개했다. 두 가지의 문제였다. forEach 돌면서 바뀌는 div의 index 가져오는 법 해당 index의 aId의 값 가져오기 javaScript에서 배열의 key에 변수 넣는 법 해당 query 1. a는 VO Class의 이름이자 값이 저장된 저장 공간이다. 내가 원하는 건 돌아가는 div의 index와 해당 index의 aId의 값. 원래 aId의 값을 가진 div가 따로 있었는데 그 div의 Id 값이 "a${a.aId}' 형식으로 되어 있었다. 그걸 가..
[JavaScript] Canvas API 화면 위에 그리기 기능 구현, 선 그리기
2022. 7. 12. 10:07
Language/JavaScript
Canvas API Canvas API - Web API | MDN Canvas API는 JavaScript와 HTML 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공합니다. 무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용 developer.mozilla.org JavaScript와 HTML element가 제공하는 graphic 그리기 API이다. 간단하게 도형을 그리는 것부터 Animation, game graphic, data 시각화, 사진 조작 및 실시간 vidio 처리를 위해 사용된다. HTML, Canvas element 그리기 지우기 먼저 element를 만든다. DOM으로 제어하기 때문에 id를 단다. JavaScript '그리기' but..
[JavaScript] Javascript에서 session 사용
2022. 7. 8. 16:44
Language/JavaScript
Session에 대해, Java에서 사용하기 [Java] Session이란? 개념 및 사용 Session이란? 사용자가 Web browser를 통해 접속한 시점으로부터 종료하여 연결을 끝내는 시점까지 같은 사용자로부터 오는 일련의 요청을 하나의 상태로 보고, 그 상태를 일정하게 유지하는 기술이 seheec.tistory.com Javascript의 session, sessionStorage sessionStorage 지원 method Method Description setItem(key, value) Session에 value(data)를 key 이름으로 저장 getItem(key) Session에 key 이름으로 저장된 data 가져오기 removeItem(key) Session에 있는 특정 key ..
[Java] Session이란? 개념 및 사용
2022. 7. 8. 16:39
Language/Java
Session이란? 사용자가 Web browser를 통해 접속한 시점으로부터 종료하여 연결을 끝내는 시점까지 같은 사용자로부터 오는 일련의 요청을 하나의 상태로 보고, 그 상태를 일정하게 유지하는 기술이다. Client 별로 Server에 저장되는 상태 정보. 사용자의 CP에 저장되는 Cookie와 비교된다. Session의 특징 각 Client에게 고유한 ID를 부여한다. Session ID로 Client를 구분하여 요구에 맞는 Service 제공이 가능하다. 사용했던 정보를 Server에 저장하기 때문에 Cookie보다 보안이 우수하다. Server 부하가 발생할 수 있다. Http Protocol은 비접속형이기 때문에 접속마다 network를 새로 연결하나, session이 연결을 유지하게 한다. ..
[JavaScript] 대괄호, 중괄호, 소괄호의 종류
2022. 7. 7. 13:09
Language/JavaScript
대괄호, 중괄호, 소괄호의 종류 괄호 종류 기호 문법 예시 대괄호 [] List를 나열할 때, List의 index를 지정할 때 fruit[0], fruit[1] ... 중괄호 {} dictionary를 만들 때 {'key':'value'} style tag를 적용할 때 .fruit { display: none; } function의 body function close(){ self.close; } 소괄호 () for, if문의 조건 for(i=0; i
[JavaScript] 화살표 함수
2022. 6. 14. 15:53
Language/JavaScript
화살표 함수 함수 func은 화살표 우측의 표현식을 평가하고, 결과를 반환한다. 아래 두 함수는 같은 함수를 다르게 표현한 것. let func = function(arg1, arg2, ...argN){ return expression; }; let func = (arg1, arg2, ...argN) => expression 제한 1. this, super에 대한 binding이 없고, methods로 사용될 수 없음 2. new.target keyword가 없음 3. scope를 지정할 때 사용하는 call, apply, bind methods 이용 불가 4. 생성자로 사용 불가 5. yield를 화살표 함수 내부에서 사용 불가 reference https://developer.mozilla.org/k..
[Java] 제네릭(Generics)이란?
2022. 6. 13. 21:27
Language/Java
1. Generic이란 기호 안에 type을 선언하여 method 및 class 등이 사용할 객체의 type을 지정한다는 뜻. 미리 명시하여 형 변환을 사용할 필요 없게 하며 사용하고 싶은 data type만 사용하게 함. 추가 예정
[JavaScript] DOM이란?
2022. 6. 7. 15:04
Language/JavaScript
1. DOM이란? 문서 객체 모델(Document Object Model)은 HTML, XML 문서의 Programming Interface. 이를 구성하는 개체들을 Node라고 한다. 2. DOM 요소 및 Node 접근(선택) 1. HTML tag name 선택 - getElementsByTagName() - HTML요소의 style property로 css style 변경 가능 2. ID 선택 - getElementsById() - 해당 ID를 가진 요소 중 하나만을 선택함. 3. Class 선택 - getElementsByClassName() 4. name 선택 - getElementsByName() 5. CSS 선택자 선택 - querySelectorAll() - Explorer8 및 이전 ver..