# image

13개의 포스트
post-thumbnail

Docker 이해하기, (1)

가상 머신과 Docker Container란?Docker 설치하기 & 명령어 사용하기프로젝트 수행 시 멘토분이 추천해주신 글을 바탕으로 작성하였으며, 출처는 명시하였고, 도커에 대한 지식이 전무하다는 점에서 글을 정리할 필요가 생겼습니다. 가상화는 다음과 같이 나뉠 수

4일 전
·
0개의 댓글

image 경로

https://www.it-swarm.dev/ko/javascript/reactjs%EC%97%90%EC%84%9C-img%EC%9D%98-%EC%98%AC%EB%B0%94%EB%A5%B8-%EA%B2%BD%EB%A1%9C/825957125/하게되면 local

2020년 6월 23일
·
0개의 댓글
post-thumbnail

이미지 생성하기

우선 이미지는 http://cloud-images.ubuntu.com/ 에서 이미지를 다운받습니다.bionic/current/ 폴더에서 가급적으로 bionic-server-cloudimg-amd64.img를 다운받는것을 권장합니다.이미지를 다운로드하면 비밀번호

2020년 6월 5일
·
0개의 댓글

앱에서 서버로 부터 받은 이미지 로딩 시 속도 느린 경우

이미지 리사이즈 - 반드시 필요. 서버에서 클라이언트로 보내주기 전에 이미지를 리사이징한다.이미지 최적화 - 올바른 형식과 퀄리티를 선택해야한다.적절한 CDN(Content Delivery Networks) 선택 - CDN들은 글로벌하게 분산된 캐시/프록시 서버의 집합

2020년 3월 24일
·
0개의 댓글

20.03.23 background-color, image

{ background-color: black; } : 16진수 표기나, Rgba, 색상 이름 표기 등.. color picker 또느 colorizilla 쓰면 됨. 근데 바디에 배경색을 지정 했다고 해서 하위에 상속이 되는 것은 아니다. 즉, 하위 요소에도 얼마든지

2020년 3월 23일
·
0개의 댓글
post-thumbnail

parcel 기초 세팅

오늘은 웹 어플리케이션 번들러 3대장webpack, rollup, parcel중 하나인 parcel의 세팅 방법에 대해 알아보겠습니다. 물론 알아볼 것도 없이 parcel 홈페이지가 워낙 번역이 잘되어 있긴 합니다 ㅎㅎ;; 그래도 세팅이 어려운 분들을 위해 작성해봅니다. 시작하기 먼저 parcel을 실행하려면 parcel을 설치해야겠죠? Yarn:...

2019년 12월 26일
·
0개의 댓글

깔끔하고 예쁜 lightbox 플러그인, chocolat.js

학부시절 졸업프로젝트로 웹사이트를 만들게 되었다.당시의 나는 굉장히 우유부단한 학생이어서, 아이디어를 정말 많이 변경했다. 게다가 디자인 학과 플젝이므로 디자인이 예뻐야만 했다. 고민 끝에 여러가지 오픈소스 라이브러리를 찾아다녔는데, 그 중 너무 맘에 쏙 들었지만 쓰지 못했던 jquery plugin을 소개하고자 한다. 우선 내가 소개하려고 하는 lig...

2019년 12월 13일
·
0개의 댓글

image 높이 값 불러올 때 주의점[JS]

만약 프론트엔드 개발자라면 이미지를 불러와 높이 값에 따라 레이아웃을 변경할 때가 있을 것이다. 예를 들어 이런 코드가 있다고 가정해보자 결론만 말하자면 위의 코드는 작동하지 않는다. 왜 그럴까? 그 이유는 test.png가 로딩되기 전 clientHeight를 구했기 때문이다. 위 코드가 작동되게 하려면 이렇게 해야한다. 결론 이미지는 로드되고...

2019년 12월 13일
·
1개의 댓글

[Docker] 스프링 부트 사이트 가이드의 Dockerfile과 이미지 빌드 명령어 이해하기

스프링 부트의 공식 사이트 가이드에서 스프링 부트와 Docker 를 연동하기 위해 다음과 같은 Dockerfile 포맷을 올려놓았습니다. https://spring.io/guides/gs/spring-boot-docker/ 위의 Dockerfile을 스프링 부트의 기본 디렉토리에 저장한 후 Maven 의 경우 명령어를 입력하고, Gradle의 경우 ...

2019년 11월 30일
·
0개의 댓글
post-thumbnail

blog - AWS S3에 이미지 업로드하기

blog 프로젝트에서는 사용자가 게시글에 첨부할 사진을 저장해 놓을 공간이 따로 필요했다. 이를 위한 클라우드 스토리지 서비스를 찾아본 결과 AWS S3와 cloudinary 등의 서비스를 알게 되었다. 사용하기에는 cloudinary가 더 가볍고 편해보였지만 이 프로젝트를 결과적으로 AWS EC2에 deploy할 예정이었기 때문에 인프라 서비스 간 호환성...

2019년 11월 19일
·
0개의 댓글
post-thumbnail

반응형 이미지 제대로 사용해보자!

서론 이미지가 많이 들어가는 페이지를 제작하기에 앞서 페이지에 2.3M짜리 이미지가 들어간 것을 보고 이대론 안되겠다 싶어 효과적인 UX를 위해 https://images.guide/를 읽고서 반응형 사이트에서 이미지 최적화를 제대로 하기위해 공유하기 위해 작성합니다. 반응형 이미지를 사용시 고려해야할 사항 이미지 크기(size)와 관련한 성능/속도 및...

2019년 10월 24일
·
1개의 댓글
post-thumbnail

🚫 안티 패턴으로서의 CSS background-image 속성

CSS background-image 속성은 여러가지 놀라운 일들을 할 수 있었지만, 대부분의 경우에는 더 이상 사용하지 않는 것이 좋습니다.

2019년 8월 28일
·
8개의 댓글