# image

24개의 포스트

React image 업로드

업무 진행 중, React에서 image를 업로드 해야 할 일이 생겨 정리해보았다. input type='file' image는 file이기 때문에, input 태그를 사용하여 업로드 할 수 있다. accept 는 업로드 할 수 있는 파일 확장자이다. 어진 파일

2020년 10월 22일
·
0개의 댓글

django react upload image

models views react

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

TIL 2020.06.23

2020년 10월 4일
·
0개의 댓글
post-thumbnail

[ Docker ] Container & Image

[ Docker ] Container & Image

2020년 9월 28일
·
0개의 댓글
post-thumbnail

서버리스 리액트: 서버없이! 리액트 이미지 파일 업로드 기능

Blob 객체 (https://uxicode.tistory.com/entry/Blob-%EA%B0%9D%EC%B2%B4)

2020년 9월 22일
·
0개의 댓글
post-thumbnail

Docker

docker는 컨테이너 기반의 오픈소스 가상화 플랫폼이다.컨테이너라 하면 배에 싣는 화물 수송용 박스를 생각 할 수 있는데 각각의 컨테이너 안에는 옷, 신발, 전자제품 등 다양한 화물을 넣을 수 있고 규격화 되어 선박이나 트레일러 등 다양한 운송수단으로 쉽게 옮길 수

2020년 9월 7일
·
0개의 댓글

image 자동 크기조절

그리고 난뒤에 웹브라우저 크기를 조절 해보면 웹브라우저 크기에 따라 이미지 크기가 바뀌는것을 볼 수 있다.

2020년 8월 29일
·
0개의 댓글

docker 이미지 및 컨테이너 관리 명령어 정리

🐋 docker 명령어 정리

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

Docker 에 대해서 알아보자.

Docker 공부 자료를 정리 해놓은 포스트입니다.

2020년 8월 22일
·
0개의 댓글

TIL] HTML-기본 용어 정리(1)

1. HTLM이란? . HyperText Markup Landuage (HTML 코드 작성시 가독성을 위해 들여쓰기 구분이 중요하다.) 2. 각 Code의 용도 및 목적 . !DOCTYPE html : html5의 선언문, Vesion별로 차이가 있다. (V

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

Lambda@edge + cloudFront + S3

순서대로 해봅시다. 1) IAM 정책 및 역할 생성 1. IAM 정책 생성 정책 선택 정책 생성 선택 JSON 선택 및 아래 정책 입력 정책 검토 선택 정책 이름 ResizingImagePolicy 또는 원하는 이름 선택 (설명 옵션) 정책

2020년 7월 29일
·
1개의 댓글

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

🖼 이미지 저작권 놓치지마쉐염

What will your website look like? (https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like)

2020년 6월 22일
·
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개의 댓글
post-thumbnail

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

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

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