[해시(hash)란] 데이터를 고정된 길이의 값으로 변환하는 과정. 원본 데이터의 크기에 관계없이 항상 일정 크기의 값으로 변환하게 된다. 이때 변환된 값을 해시코드(hash code)라고 한다. hashmap과 hashset은 이렇게 변환된 해시코드로 데이터를 저장 관리한다. 예를 들어 100글자짜리 문자열과 10글자짜리 문자열을 해시 함수로 해시코드화 하면 둘은 원본 길이는 다르지만 둘다 모두 n글자짜리 해시코드가 된다. apple이라는 문자열을 해싱한다면 해시함수는 이 문자열을 고정된 길이의 값으로 변환한다. 예를들어 12345같은. 그리고 이렇게 변환된 해시 코드를 특정 위치에 저장한다. 이렇게하면 아무리 큰 데이터이더라도 항상 같은 고정길이의 값으로 변환되기 때문에 검색시 빠르고 일정한 시간안에..
programming
1. 출력 : printf printf("Hello, world\n"); - 구문 끝에 세미콜론 필수 printf("%d %d %d\n", num1, num2, num3); %d : 10진수(decimal) 출력 시 사용하는 서식 지정자 서식 지정자 한개에 변수값 (printf 함수의 두번째 매개변수) 하나가 대응됨. 2. 변수 선언 자료형 변수명 ex. int num1; * 변수명 규칙 - 숫자부터 시작하면 안된다 - _로 시작할 수 있다.
void test() { if (test_a > 0) { if (test_b > 0) { ... } } } test_a가 0보다 크면 다음 라인 실행 test_b가 0보다 크면 또 다음 라인 실행. (코드 진행) ... 리턴 사용할 경우 void test() { if (test_a 0) { do_something(); } } } 다음과 같은 코드일 경우 void test() { if (test_a
.radio1{ border:2px solid white; box-shadow:0 0 0 1px rgb(18, 18, 18); appearance:none; border-radius:50%; width:12px; height:12px; background-color:#fff; } .radio1:hover{ box-shadow:0 0 0 1px blue; cursor: pointer; } .radio1:checked{ background-color:blue; } Modified
이미지 포맷(format) 설정 이미지의 종류에 맞게 포맷을 설정하면 이미지 최적화를 할 수 있다. 전통적으로 많이 사용하는 JPG, PNG 포맷은 다음과 같은 이미지에서 최적화되어있다. JPG : 카메라로 찍은 실제 사진 PNG : 만들어진 이미지 웹 사이트 성능 및 속도 분석 사이트 웹사이트 성능을 개선하기 위해, 서비스 배포 하기 전에 미리 최적화를 하는 것이 좋다. 아래의 사이트는 최적의 웹사이트를 유지하는데 도움이 되는 분석도구다. Pingdom 핑덤은 페이지 용량이나 다운로드 속도, 코드 분석을 통한 성능 등급과 개발 제안을 하며 웹페이지의 다이어트 진행 상황 또한 기록할 수 있어 매우 유용한 사이트이다. Google PageSpeed Insights 구글에서 운영하는 페이지 스피드 인사이트는..
여러 개의 이미지를 하나의 이미지로 만들어 놓는 것 -이미지 로딩 속도 향상(최적화) -HTML 마크업이 간결해짐 -하나의 파일만 관리하면 됨. (여러 이미지를 하나로 합쳐놓고 위치로 화면에 표시시키기 때문에 파일 수가 줄어든다) - 이미지 스프라이트 기법은 되도록 의미가 없고 디자인을 목적으로 하는 이미지를 위해 사용하는 것이 적합 [HTML/CSS] 이미지 스프라이트 기법 ✂️ (velog.io)
JPA는 Java Persistence API의 약어로, 자바 언어를 사용하여 데이터베이스와 상호 작용하는 방법을 정의하는 자바 표준 스펙 중 하나 [주요 개념] 엔티티(Entity): JPA에서 데이터베이스의 테이블과 매핑되는 자바 클래스 엔티티 클래스에는 필드(속성)와 매핑 정보가 포함 JPQL (Java Persistence Query Language): SQL과 유사한 질의 언어로, 엔티티 객체에 대한 조회와 검색을 수행할 때 사용 매핑(Mapping): 엔티티 클래스의 필드와 데이터베이스 테이블의 컬럼을 연결하는 설정 @Entity : 엔티티 클래스에 명시해주는 어노테이션으로 해당 클래스가 JPA에서 관리하는 엔티티임을 나타냄 즉, 이 클래스의 인스턴스는 데이터베이스 테이블의 레코드와 일치 - ..
[ddl-auto 설정] 종류: -create -create-drop -update -validate -none(default) 1.create 엔티티로 등록된 클래스와 매핑되는 테이블을 자동으로 생성해줌 기존에 해당 클래스와 매핑되는 테이블이 존재한다면 기존 테이블을 drop 하고 새로 테이블을 생성 (주의) ddl-auto를 create로 설정 시 위와 같은 ddl이 자동으로 작성되어 db에 반영됨 (테이블 생성) 2. create-drop create처럼 엔티티로 등록된 클래스와 매핑되는 테이블이 존재하면 기존 테이블 삭제되고 자동 테이블 생성은 동일. 차이점은 create-drop은 애플리케이션이 종료될 때 테이블을 삭제. (애플리케이션 실행 시 create 쿼리 작성되고, 애플리케이션 종료 시 ..
1. 파일 다운 다운로드 링크 slick - the last carousel you'll ever need (kenwheeler.github.io) slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 라이브러리 다운 : get it now > download now zip 파일이 다운로드 된다. 압축 해제 후 slick-1.8.1\slick-1.8.1\slick 경로에서 위 세 파일을 사용하게 된다. 1) s..
1. 최소 반응형 레이아웃 가장 많이 사용하는 대중적이고 간결한 기준입니다. 768px 미만은 모바일 기기, 768px ~ 1024px 사이는 타블렛, 1024px 이상은 데스크탑 기기로 구분을 합니다. 대부분 디바이스에 잘 맞고, 반응형 레이아웃을 위한 CSS 작성도 간결하기 때문에 특별한 레이아웃이 아니면 이 기준으로 미디어 쿼리를 작성하면 됩니다. 최소 반응형 레이아웃 미디어 쿼리는 다음과 같이 작성합니다. /* 데스크탑 */ @media screen and (max-width:1023px) { /* 타블렛 */ } @media screen and (max-width:767px) { /* 모바일 */ } 출처 CSS 반응형 레이아웃 너비를 나누는 기준 정하기 (tistory.com)
