분류 전체보기 (127) 썸네일형 리스트형 Cookie, Cache, Session Cookie -사이트를 방문하고 이용 할 때, 브라우저에 저장 되는 내용 Cache -사용자 로그인, 장바구니 등 지워지거나 조작되거나 가로채더라도 큰 일은 없을 그런 수준이 저장 Session -사용자가 다른 누군가에게 노출되어서는 안되는 서비스 제공자가 직접 관리해야 할 정보 저장 리액트(React), 앵귤러(Angular), 뷰(Vue) 차이 SPA (Single Page Application) 리액트(React) -페이스북에서 만듦 -Virtual Dom url : https://reactjs.org/ 앵귤러(Angular) -구글에서 만듦 -TypeScript -양방향 바인딩 -채팅앱같은 실시간 프로젝트 url : https://angular.io/ 뷰(Vue) -양방향 바인딩 -Virtual Dom -작고 가벼운 프로젝트 url : https://vuejs.org/ 'Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured. 오류시 1. MySQL에서 아이콘 선택 2. 하기 이미지처럼 입력 후, apply 3. 인텔리제이 소스에서 [src]-[main]-[resouces]-[application.properties] spring.datasource.url의 test_schema는 database 스키마명 root는 DB 아이디 root1234는 DB 비밀번호 # DataSource spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:8000/test_schema?&serverTimezone=UTC&autoReconnect=true&allowMultiQueries=true&characterEncod.. [Spring] 윈도우에서 spring 생성 1. 파일 > 새로 만들기 > 프로젝트 2. Spring Initializr 선택 이름 변경 타입 : Gradle 프로젝트 SDK : 1.8 Java : 8 로 변경 후 다음 선택 3. Developer Tools > Lombok 4. Web > Spring Web 5. 완료 선택 [css] 선택자 링크 a:link 링크 걸린 텍스트 선택 a:visited 링크 방문을 했던 텍스트만 선택 a:hover 링크 걸린 텍스트에 마우스를 올렸을 때 a:focus 링크 걸린 텍스트에 포커스가 생성되었을 때 a:active 링크 걸린 텍스트에 마우스를 눌렀을 때 [Javascript] 이벤트 종류 마우스 이벤트 onmouseover 마우스가 지정한 요소에 올라갔을 때 발생 onmouseout 마우스가 지정한 요소에 벗어났을 때 발생 onmousemove 마우스가 지정한 요소 영역에서 움직일 때 발생 onclick 마우스가 지정한 요소를 클릭했을 때 발생 ondblclick 마우스가 지정한 요소를 연속 두 번 클릭했을 때 발생 키보드 이벤트 onkeypress 지정한 요소에서 키보드가 눌렀을 때 발생 onkeydown 지정한 요소에서 키보드를 눌렀을 때 발생 onkeyup 지정한 요소에서 키보드를 눌렀다 떼었을 때 발생 기타 onfocus 지정한 요소에 포커스가 갔을 때 발생 onblur 지정한 요소에 포커스가 다른 요소를 이동되어 잃었을 때 발생 onchange 지정한 요소에 value 속성값이 .. [html] 웹의 이미지 파일 포맷 JPG 24 비트 트루 컬러 사진 이미지에 많이 사용되는 손실 압축 고화질을 유지하면서 고압축 가능 다른 압축 방식에 비해 파일 크기를 작게할 수 있음 PNG 24 비트 트루 컬러 무손실 압축 JPG에 비해 압축 효율은 떨어지나 휴대폰 등에서 이미지 확대 시 고화질 유지, 최근 많이 사용 GIF 8비트(256컬러) 무손실 압축 사용 가능한 컬러 수가 다른 포맷에 비해 제한적 컴퓨터 그래픽 이미지에 많이 사용 파일 크기가 작음 이전에 많이 사용된 포맷으로 최근에는 사용X SVG 압축 포맷이 아닌 벡터 그래픽 포맷 이미지 확대 시 화질의 손상이 전혀 없음 웹 상에서 도형이나 그래프를 그리는 데 많이 사용 [Javascript] 정규 표현 검색 옵션, 정규 표현 메서드 정규 표현 검색 옵션 * 0회 이상 일치 + 1회 이상 일치 | 찾는 문자가 영문일 경우 대소문자를 구분하지 않는다 ? 0회 또는 1회. 규칙에 맞는 문자가 있는지 검사 g 옵션에 g가 없으면 데이터의 왼쪽부터 규칙에 일치하는 문자 한개만 찾지만, g를 넣으면 규칙에 맞는 모든 문자를 찾는다 m 데이터의 행이 바뀌어도 규칙에 맞는 문자를 찾는다 $ 문자열 끝부분에 규칙에 맞는 문자를 찾는다 ^ 문자열 앞에서부터 규칙에 일치하는 문제를 찾거나 부정을 나타낸다 \d 숫자 하나를 찾는다 \D 숫자가 아닌 문자 하나를 찾는다 \s 공백 문자를 찾는다 [0-9][A-Z][a-z] 숫자, 대문자 영문, 소문자 영문을 찾는다 \w 알파벳, 숫자, 밑줄 기호를 찾는다 \W 알파벳, 숫자, 밑줄 기호를 제외한 문자를 찾.. [html] 특수 문자 (공백) < & & " " ' ' [Javascript] location 객체 속성 -location.href : 주소 영역에 참조 주소를 설정하거나 URL을 반환 -location.hash : URL에 해시값을 반환 ex) http://www.test.com#hello -location.hostname : URL에 호스트 이름을 설정하거나 반환 -location.host : URL에 호스트 이름과 포트 번호를 반환 -location.port : URL에 포트 번호를 반환 -location.protocol : URL에 프로토콜을 반환 -location.search : URL에 쿼리를 반환 ex) http://www.test.com?testNum=0&sort=DESC -location.reload() : 새로고침 이전 1 2 3 4 5 6 7 8 ··· 13 다음
