기억의 DataBase

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

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도 자식 엘리먼트로 인식하기 때문에 자주 쓰지 않는다) 유용한 ..

환경 Setting git(Tool) 설치 링크 https://git-scm.com/ 소스트리(GUI) 설치 링크 https://www.sourcetreeapp.com/ 운영체제에 맞게 설치 소스트리를 활용해 Repository(로컬저장소) 만들고 공유할 파일을 위치시킨 후, GitHub(원격저장소)에도 파일 저장 newTab선택 후 create 저장소를 만들 폴더(Code가 위치)를 만든 후에 Create 해당 폴더에 공유할 파일(프로젝트)를 위치시킴 깃헙에 로그인한 후 저장소에서 new를 선택 저장소 이름을 입력한 후 Create repository 저장소 주소를 복사 소스트리로 돌아가 로컬저장소에서 Add Remote를 선택 : 원격저장소(github)와 연결하기 위함 add를 선택하면 나오는 입력..

자바스크립트의 객체 기본적으로 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..

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

JDBC(Java Database Connectivity)란? - 자바를 이용한 데이터베이스 접속(Connection)과 SQL 문장(Statement)의 실행(Execute), 그리고 실행 결과(ResultSet)로 얻어진 데이터의 핸들링을 제공하는 방법과 절차에 관한 규약 - 자바 프로그램 내에서 SQL문을 실행하기 위한 자바 API(인터페이스) - SQL과 프로그래밍 언어의 통합 접근 중 한 형태 -데이터베이스 벤더, 또는 기타 써드파티에서는, JDBC 인터페이스를 구현한 드라이버(driver)를 제공한다. (DB 종류 별로 연결을 위한 Driver를 제공한다) JDBC 환경구성(MySQL) pom.xml에 dependency 추가 mysql mysql-connector-java 5.1.45 JDB..