# image

108개의 포스트
post-thumbnail

[React Native] image 불러오기

HTML에서 image 파일을 불러오기 위한 코드는 다음과 같다.src 는 source 로 어디에 위치하고 있는 이미지를 불러올 것인지를 정해주는 것이다.리액트 네이티브에서 이미지 컴포넌트의 주소를 정해주는 방법은 다음과 같이 source 뒤에 속성 값으로 적어주는 방

2022년 1월 10일
·
0개의 댓글

[CSS]드래그(drag)막기!

이미지 등 drag 막기 css전체 드래그 막기(복사안됨?)일부 영역 드래그를 허용 -> bacy에 드래그 방지 코드를 넣어놓고, 원하는 영역에 클래스 추가 텍스트만 드래그를 허용하고 싶은 경우이미지 드래그 막고 싶은 경우

2022년 1월 4일
·
0개의 댓글

ItemContent.vue

물품 상세 / 이미지 불러오기 / GET

2021년 12월 30일
·
0개의 댓글

React) svg 이미지 사용하기

SVG 파일을 컴포넌트화하여 사용하는법

2021년 12월 29일
·
0개의 댓글
post-thumbnail

[Docker] 독허

새벽 3시 첫 Docker 배포를 성공하고, 신나서 1시간 반동안 블로그를 작성하고 그대로 날림,,,,, 그냥 되는 법이 없지 :-) 다시 쓰지 뭐 이렇게 AWS EC2와 RDS로 첫 배포를 성공하고 좋아만 했지, 응? Docker? >AWS, EC2, RDS,

2021년 12월 23일
·
0개의 댓글
post-thumbnail

[react] 이미지 프리로딩 (Next.js + Typescript)

아코디언이나 모달 등 어떤 트리거를 통해 이미지를 마운트하는 경우, 이미지를 로딩할 수 있는 충분한 시간이 있음에도 마운트 후 이미지가 로딩되는 과정을 사용자가 볼 수밖에 없다. 이는 사용자 경험을 해치는 요인이 된다.어떤 이미지가 마운트 될 것이라고 예상될 때 이미지

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

flutter 이미지 crop 하기

데일리 로그라는 기록을 남기는 부분을 진행해야 했다.사진을 촬영하고.... 내가 원하는만큼 짤라야해서 구글링을 통해서 extended_image: ^4.0.0라는 패키지를 찾았다.해당 패키지를 보니까 다양한 기능을 할 수 있지만 제일 쓰기 편해보이고 추후에 여러가지 기

2021년 12월 10일
·
1개의 댓글
post-thumbnail

[react] input (file)에 같은 파일 다시 올리기 (+image preview)

자바스크립트에서 file을 upload 하기 위해서는 input 태그를 type="file"로 해서 사용한다. 이때 file을 upload하면 onChange event가 발생하는데, 같은 파일을 다시 upload할 경우 event가 trigger되지 않는다. 따라서

2021년 12월 10일
·
0개의 댓글

Docker 이해하기

1. Container 애플리케이션이 의존성, 네트워크 환경, 파일 시스템에 구애받지 않고, 도커라는 기술 위에 실행될 수 있도록 만든 애플리케이션 상자 도커에 의해 관리/제공되는 (도커가 호스팅하는) 애플리케이션 단위이다. 2. Image 애플리케이션 및 애플리케이션 구성을 함께 담아놓은 템플릿으로, 이를 이용해 즉시 컨테이너를 만들 수 있다. 실행되는...

2021년 12월 3일
·
0개의 댓글
post-thumbnail

[Webpack] 렌더링된 image url이 base64로 나올때

scss 소스 상에서는 상대경로로 작성한 이미지파일 경로가 개발자도구에서는 base64로 나오는 상황webpack.config.js 파일에서 limit을 수정해줘야 한다. limit 보다 작은 파일은 base64로 변환하고 큰 파일은 그대로 보여주기 때문!

2021년 12월 1일
·
0개의 댓글

[CSS] 이미지 Hover 효과

영화 포스터 이미지에 마우스 오버를 했을 때, 영화 정보를 표시할 수 있는 hover 기능을 사용해보겠습니다.

2021년 11월 7일
·
0개의 댓글

이미지 전처리

resize 228x228로 사이즈 조정.ToTensor()로 이미지 ndarray를 tensor 형태로 변환.normalize(0.485, 0.456, 0.406, 0.229, 0.224, 0.225)이미지 전처리 1)이미지 픽셀의 평균, 표준편차를 계산해서 정규화.

2021년 10월 28일
·
0개의 댓글

React + TypeScript에서 Axios로 Blob 이미지를 받기

axios를 사용해 blob 이미지를 받아보쟈Blob으로 responseType을 설정해준다.File, FileReader를 통해 reponse를 가공해준다.src에 가공한 데이터를 넣어준다.헤더를 넣어야해서 axios로 한번 받아봤다.

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

TIL 39. Django Image/file upload

업로드 관련 upload_to //FileSystemStorage(location = '') django ImageField upload_to 설정하기 django에서 파일 또는 이미지 업로드 기능을 사용하려면 장고 모델의 ImageField, FileField에서

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

[Windows10][WSL2] 도커(Docker) 로 MariaDB 띄우기

Windows10에 설치된 WSL2 에서 docker로 MariaDB 를 설치하고 실행한다.

2021년 10월 8일
·
0개의 댓글