728x90

image 2

[Vue.js] img 태그 src 속성 사용 시 이미지가 나타나지 않는 경우 해결

[Vue.js] img 태그 src 속성 사용 시 이미지가 나타나지 않는 경우 해결 기본 html 문법처럼 img 태그와 src 속성 세팅을 했는데 이미지가 보이지 않는 경우이다. 이미지는 vue-cli 프로젝트에서 src > assets 폴더 내에 위치해있다. html 문서에서는 img태그를 사용해서 이미지를 불러올 때 다음과 같이 작성한다. 하지만 vue에서 위와 같이 작성하면 이미지가 나타나지 않았다. html 형식으로 작성을 했을 때 코드를 열어보면 다음과 같이 세팅이 되어 있는데, 링크가 저렇다면 정적 파일 위치에 접근해야 한다. 여기서 해결해낸 방법으로 2가지 방법이 있다. 1. Web Server 파일 접근 방식 (정적 파일 접근) 2. WAS 파일 접근 방식 (동적 파일 접근) 위 두가지 ..

JS/vue 2022.03.27

도커(Docker) - 도커 허브에 이미지 올리기, Docker Hub에 Push

도커(Docker) - 도커 허브에 이미지 올리기, Docker Hub에 Push 도커 이미지가 만들어져 있다는 가정하에 글을 작성합니다. 먼저 도커 이미지를 확인합니다. $ docker images 이름 그냥 막 지은 건데요. smokercancler3 이라는 도커 이미지를 도커 허브에 푸시하려고 했습니다. 처음에 그냥 시도하면 'denied: requested access to the resource is denied' 이 메시지가 뜨면서 푸시되지 않습니다. 일단 도커에 이미지를 올리는 여러 방법이 있겠지만, 전 다음 순서로 업로드했습니다. 1. 도커 이미지 만들기 (위에서 확인한 것-도커 이미지는 있다고 가정) 2. 도커 허브에 레포지토리 생성 3. 도커 허브 레포지토리에 업로드하기 위한 도커 이미..

Infra 2021.10.19
728x90