# src

21개의 포스트
post-thumbnail

Behind the Lucky-Market

링크텍스트2023.03.31나만의 중고마켓 만들기 (chat-GPT / VS코드)'chat-GPT'에게 어떻게 명령을 내리고, 'chat-GPT'가 써준 코드를 어디에다가 어떻게 가져다 써야 되는지 알아보기< html 만들기 - 'chat-GPT'에게 명령내리기

2023년 4월 1일
·
0개의 댓글
·
post-thumbnail

Lucky-Market

링크텍스트This was made by using chat-GPT to practice coding and experience chat-GPT. So, this site is unavailable and the products are not for sale.// If

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

로컬 이미지 파일을 웹 페이지에 표시하기 위해 html img tag의 src 속성에 경로(절대경로)를 설정하는 방법

imgUrl 값에 로컬 경로(/Users/rowan/Dev/images/shop/item/)가 포함되어 있기 때문에, 웹 페이지에서는 해당 이미지 파일에 접근할 수 없습니다. 웹 브라우저는 로컬 파일 시스템에 직접 접근할 수 없기 때문입니다.대신, imgUrl 값을 웹

2023년 3월 23일
·
0개의 댓글
·

img tag 의 src 에 header 넣기

img src 에 보안이 걸려있을 때 어떻게 이미지를 불러올 수 있을까?

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

ComAround_ Template literals로 이미지 경로 동적으로 만들기

src 경로에 Template literals을 사용하여페이지를 이동할 때마다 동적으로 회사로고가 변경되게 만들었다.1\. 페이지 이동버튼의 state 에 회사이름을 내려준다.2\. 회사 이름을 가져와 urlReqCompanyName 라는 이름으로 변수선언한다.3\.

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

[HTML] 5. 이미지 넣기 <img>

src = 이미지 태그에 이미지 경로를 입력시켜 출력해줌width = 가로길이 픽셀, 100%로 지정하면 비율 맞춰줌height = 세로길이 픽셀

2023년 1월 6일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #047일

결과푸터도 마찬가지로 반응형으로 줄어들게 만들었다.HTML결과탭메뉴를 제작한다. 마우스 클릭은 물론 tab을 눌러 해당 공지사항 전부 탭하여 이동이 되는지 확인한다. (웹 접근성) 을 위함이다.HTMLscript결과HTMLscript하위 img태그를 찾아서 attr 속

2022년 12월 19일
·
0개의 댓글
·

Not allowed to load resource:...

프로젝트 외부에 존재하는 파일 업로드는 보안상의 이유로 이미지에 접근불가!! server.xml에 코드를 추가

2022년 12월 17일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #041일

결과HTMLCSSfavicon 은 웹페이지 탭화면에 title과 함께 나오는 웹페이지 아이콘이다.https&#x3A;//www.favicon-generator.org/ 에 들어간다.넣고자 하는 아이콘의 이미지를 선택하고 첫번째 선택란은 1번을 선택한다. 웹, 태블릿,

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

[Javascript] script 태그를 통한 import

자바스크립트 문법을 공부하다가 마주한 문제였다. 다음과 같이 HTML파일에 script태그를 사용해서 자바스크립트 파일을 import했는데, 문득 코드 실행순서에 대해 호기심이 생겨서 시도해보았다.script 태그 안에 자바스크립트 코드를 입력하면 src="1.js"

2022년 11월 4일
·
0개의 댓글
·
post-thumbnail

Vue) 04. 이미지 태그 v-bind:src로 보여주기..

소스코드 및 설명) products 객체형 배열에 img의 src값을 주었다. v-bind를 사용하기 위해서는 import export와 같은 개념인, require로 앞에 묶어주어야 한다! products를 v-for문을 이용해 반복되는 div에서 img 태그에

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

생활코딩 - <Web> 10~11 : 코딩(coding) 실습하기, 일반인과 코딩을 배운 지식인의 차이점, HTML 의 중요성, 속성(Attribute) 이해하기, 인기 있는 태그 img (이미지 넣기)

생활코딩. web과 HTML 10 ~ 11 학습정리내용입니다. 10) html (html이 중요한 이유) 누구나 기초가 중요하다고 말한다. 하지만 기초가 중요하다는 말을 잘 들어보면 응용으로 가는 과정으로서 기초가 중요하다는 뜻인 경우도 많이 있다. 사실 기초는

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

<img> 태그

기본형 &lt;img src="경로" alt="대체텍스트">닫는 태그 없음웹에서 사용하는 이미지 형식(웹용 이미지의 특징): 저용량, 좋은 화질, bitmap(vector)img 태그와 함께 쓰는 주요 속성: src(source), alt(alternative text

2022년 6월 29일
·
0개의 댓글
·

Avatar component

들어가기간단한 Photo의 header, page의 header에 사용될 Avatar component별로 어렵고 할 거는 없음.사진을 뿌리는 방법 확인할것!url받는부분url보내주는 부분

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

[React Native] image 불러오기

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

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

이미지 업로드

이미지 경로 확인

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

[Flask] 프로젝트 html 이미지 소스 경로 설정

jinja 템플릿 local 이미지 소스 경로 지정 방식

2021년 11월 17일
·
0개의 댓글
·
post-thumbnail

React - 2

Components, ReactDOM, JSX, React.createElement

2021년 7월 6일
·
0개의 댓글
·
post-thumbnail

3.HTML 에서 그림과 링크 표현

HTML 문서에 표시할 이미지 파일의 이름/경로 지정\-필수 속성GIF | JPG | PNG256색상지원 트루컬러 트루컬러투명배경처리 좋은압축률 투병배경처리용량이작음 용량이작음 웹전용이미지파일고로나클립아트 사진이미지 클립아트와 같이문서

2021년 3월 3일
·
0개의 댓글
·