java4 [스프링부트] AWS S3에 이미지 저장, 불러오기 스프링부트-S3(AWS) 1. 클라이언트에서 사진을 전달 받아 S3에 사진 저장하기 1. 클라이언트가 사진을 등록한다. 2. 사진이 서버에 전송이 된다. 3. 서버에서 사진을 S3에 전송한다. 4. S3에 사진을 저장한다. 클라이언트 -> 서버 파일전송 스프링부트-S3 사전작업 S3 연결작업 진행 (구글링 하시면 자세히 나온다) 진행이 완료되면 accessKey 랑 secretKey가 나온다. build.gradle 설정 dependencies { implementation 'org.springframework.cloud:spring-cloud-starter-aws:2.2.6.RELEASE' implementation 'org.springframework.boot:spring-boot-starter-da.. 2023. 4. 27. 13. CSS / 속성 - 박스 모델 CSS 의 속성 width - 요소의 가로 너비를 지정 속성값 값 auto, px, em, cm 기본값으로 auto 블럭요소는 (width)가로 100% (height)세로 0 으로 초기값이 되어있다. 인라인요소는 (width)가로크기 (height)세로크기가 0 에서 출발한다. 하지만 이 크기의 값을 설정을 해도 적용이 안되는데 그 이유는 인라인 요소는 text만을 위한 요소이기때문에 text가 없으면 크기를 가지지 않는다. max-width ( 요소의 최대 가로 너비를 지정 ) min-width ( 요소의 최소 가로 너비를 지정 ) max-height ( 요소의 최대 세로 너비를 지정 ) min-height ( 요소의 최소 세로 너비를 지정 ) margin - 요소의 '외부 여백'을 지정 (단축,개별.. 2021. 2. 16. 11. CSS / 개요, 선택자, 상속 기본 선택자와 복합 선택자 기본선택자(4가지) 1. 전체 선택자 -> * {} 2. 태그선택자 -> 태그이름으로 선택 3. 클래스 선택자 4. ID 선택자 복합선택자 1.일치 선택자 span.orange ( 오렌지 클래스인데 span에 있는 오렌지 클래스 ) 2.자식 선택자 ul>.orange ( ul의 자식중 클래스가 orange인 태그 ) 3.후손 선택자 , 자식, 자손 다 포함(띄어 쓰기가 선택자의 기호로 사용된다. ) div .orange 4. 인접 형제 선택자 ( ex) orange 클래스의 바로 하나의 다음(다음 형제) 태그를 선택 ) .orange + li orange 태그의 다음 li 를 선택 5. 일반 형제 선택자 ( orange 클래스의 모든 다음 형제 태그를 선택 ) .orange ~.. 2021. 2. 6. 07. HTML / 요소 - 멀티미디어 & 내장 콘텐츠 & 스크립트 멀티미디어 img 태그 (이미지를 삽입 , 빈태그) - 필수 속성으로는 src 속성과 alt 속성은 필수 srcset, size 속성 - (반응형 웹사이트 제작할 시 사용) -srcset (2장 이상 사용할때 사용) 은 브라우저에 제시할(사용할) 이미지들과 그 이미지들의 원본 크기를 지정한다. 1장이면 src 사용하면 된다. -sizes 는 미디어 조건과 그 조건에 해당하는 미이지의 '최적화 출력 크기'를 지정 width 속성 audio 태그 ( 소리 콘턴츠 (mp3) 를 삽입 ) video 태그 - autoplay가 지정된 경우, preload는 무시됨. figure태그, figcaption 태그 내장 콘텐츠 iframe 태그 ( 다른 HTML 페이지를 현재 페이지에 삽입 ) canvas 태그 ( Ca.. 2021. 2. 2. 이전 1 다음
