목록EDWITH (37)

기억의 DataBase

requestAnimationframe()과 transition/transform(CSS3)

requestAnimationframe() setTimeout()을 통해서 재귀함수 방식으로 일정간격을 두고 실행하여 애니메이션을 구현하는 것은 최적화된 방식은 아님(주기를 16.6ms 미만으로 하면 불필요한 프레임이 생김) 브라우저에서 이를 최적화하기 위해 제공하는 함수가 requestAnimationframe() 2개 이상의 애니메이션을 동작시킬때 더 큰 의미가 있으며 JS를 통한 애니메이션 조작에는 필수적! transition/transform(CSS3) 성능적인 차원에서는 requestAnimationframe()보다 transition 활용이 더 빠름(특히 모바일에서) 따라서 간단하고 규칙적인 경우 → transition으로 변경 세밀한 조작이 필요한 경우 → requestAnimationfra..
CSS 2019. 3. 12. 18:53
DOM Node 조작하기

DOM을 조작할 수 있는 API document. 으로 사용할 수 있는 APIs : https://www.w3schools.com/jsref/dom_obj_document.asp element. 으로 사용할 수 있는 APIs : https://www.w3schools.com/jsref/dom_obj_all.asp 유용한 DOM 탐색 엘리먼트 속성 구글의 검색창 form을 변수 f로 지정 tagName : 엘리먼트의 태그명 반환 textContent : 노드의 텍스트 내용을 설정하거나 반환 nodeType : 노드의 노드 유형을 숫자로 반환 firstElementChild : 첫번째 자식 엘리먼트를 반환 (firstChild는 공백이나 text도 자식 엘리먼트로 인식하기 때문에 자주 쓰지 않는다) 유용한 ..
JavaScript 2019. 3. 5. 18:17
JavaScript 객체

자바스크립트의 객체 기본적으로 key, value로 이루어진 구조 자체적으로 순서를 가지고는 있으나, 겉으로 드러나는 index는 없으므로 순서가 필요할 때는 배열을 사용하는 것이 바람직 (key값을 기반으로 활용할 때, 객체를 사용) 객체.key 객체["key"] 객체[key] X -> 객체["key"] O (특정한 key의 value는, "key"로 찾아야 함) value에 배열이나 또 다른 객체를 담을 수도 있음 객체의 탐색( for in / Object.keys ) key값을 탐색 value값을 탐색 (v는 key가 아니라, 매 반복마다 바뀌는 다른 Value name(반복될 때 마다 바뀌는 key값을 의미?) : ["v"]가 아니다) for ( 변수 in 객체명){ 변수활용 실행문 } Objec..
JavaScript 2019. 2. 27. 17:13
JavaScript 배열

배열의 선언 // 배열안에 어떤 타입도 들어갈 수 있음(배열안에 배열, 객체, null 등등...) ※ new Array로 선언도 가능하지만 보통은 간단하게 [ ]을 사용 배열의 추가 일반적으로는 push 메소드를 활용해서 값을 추가 배열의 메소드 indexof(찾는 값) : 배열에 해당 값이 있으면, 그 값의 index를 돌려줌 (없을 경우 -1을 반환 > 반환값이 -1이면 배열에 없는 값이라는 정보를 주는 것과 같음!) join() : 배열안의 값들을 하나의 문자열로 변환 concat(합칠 배열) : 기존의 배열 + 합칠 배열 = 새로운 배열(메모리 주소가 다름) (원래 배열은 그대로 있는 것을 주의, 추가되는 것임) 배열탐색 메소드(forEach, filter, map) forEach : 기존 fo..
JavaScript 2019. 2. 26. 17:22
MySQL

설치 후 환경변수 설정 설치 후 Path에 C:\Program Files\MySQL\MySQL Server 8.0\bin을 환경변수로 추가해줌 >> Path에 환경변수를 추가하는 이유? >> 환경변수에 등록된 경로는, 어떤 경로(Command 창)에서라도 접근(=실행) 할 수 있다. >> 파일의 접근을 쉽고 편하게 하기 위해 환경설정을 하는 것 출처 : https://c-calliy.tistory.com/42 Command 창에서 MySQL 사용하기 원하는 USER로 접속 root라는 유저로 mysql에 접속 하겠다는 의미로(root는 설치시에 관리자 계정으로 생성된 user) -p바로 뒤에 설정한 비밀번호를 적어줘도 되나 비밀번호가 노출되므로 지양 (적지않으면 아래에 Enter password : **..
DB 2019. 2. 21. 17:47
JSTL(JSP Standard Tag Library)

JSTL이란? Tag를 주로 사용하는 프론트 개발자나 디자이너를 고려하여 조건문 반복문등을 스크립트릿이 아니라 Tag형식으로 사용하게 하는 라이브러리 EL과 연동하면 더욱 강력하며, 다양한 흐름제어를 제공 EL과 함께 사용하면 더욱 가독성 있게 Code를 작성할 수 있음 JSTL 사용준비 http://tomcat.apache.org/download-taglibs.cgi 위의 사이트에서 3가지 jar파일을 다운로드 한 후, 이클립스에서 WEB-INF/lib/ 폴더에 복사를 한다. (탐색기를 통해 파일을 복사하면, 이클립스가 인식하지 못할 수도 있으니 주의) JSTL의 태그 종류 JSP 파일에서 지시자에 관련 URI를 적어줘야 함 코어태그(C) // c:다음에 바로 태그를 쓰는 것 주의(띄어쓰기x) 코어태그..
JSP&Servlet 2019. 2. 20. 16:50
Prev 1 2 3 4 5 6 7 Next