# img

154개의 포스트

React 1

만든 파일 모아서 출력해주는 곳기본적으로 <App /> 만들어져 있어서 출력된 상태로 띄워짐<App />주석시 흰 화면으로 바뀜public 폴더에 있는 index.html에부트스트랩 link 추가하면 됨<link href="https://cdn

4일 전
·
0개의 댓글
·

React 앱에서의 img 태그

react-material-ui-carousel, img태그 url

2023년 11월 28일
·
0개의 댓글
·
post-thumbnail

[ TIL ] 이미지 주소 생성URL.createObjectURL

프로젝트를 진행하다가 새롭게 알게된 것이 있어서 기억하고자 글을 쓴다 ! 🤠 이미지 주소 생성 이미지를 pc에서 선택한것을 다시 url을 자체적으로 생성해야 할 때 이것을 쓴다 ! window.URL.createObjectURL() 는 웹 브라우저에서 사용되는

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

javascript Array(배열)

자바의 배열과 유사하다자바와 동일하게 Math.random() 을 사용한다.자릿수도 맞추기 위해 \*10을 하고, 소숫점 처리를 위해 +1을 한다.자바와 동일하나 다른점은 new Array() 라는 점이다출력문에 글자 size, 색상 등 함께 넣을 수 있다.다만 큰따옴

2023년 10월 30일
·
0개의 댓글
·

Clonezilla로 시스템 백업하기

백업도구

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

리액트에서의 html <img> 코드

wecode에서의 첫주 처음으로 리액트를 사용하며 겪었던 것과 여전히 겪고 있는 것들에 대해 기록해보려한다.html 코드를 .js(javascript)에서 작성하는 것은 이번이 처음이었다. html에서 작성했을 때와는 크게 다른 부분은 없으나 사소하게 달라지는 부분이

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

[MM][IMG] 자재유형별 번호지정 세팅

물류 - 일반 -> 자재마스터 -> 기본설정 -> 자재유형 -> 자재 유형 별 번호범위 정의출처 : https&#x3A;//blog.naver.com/PostView.naver?blogId=howwithus&logNo=222647774385&parentCategoryN

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

img 태그에 alt 속성을 넣는 이유?

alt 속성은 img 태그에 대체 텍스트를 제공함. 이는시각 장애가 있는 사용자들이 스크린 리더를 사용할 때, alt 태그가 이미지의 내용을 설명해 줌.불특정 이유로 이미지가 로드되지 않았을 때, alt 태그가 대신해 이미지 정보 제공.검색 엔진 최적화 (SEO): 검

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

0713

&lt;a>는 하이퍼링크를 만들어주는 태그로 &lt;a ref=”(주소 or 경로)”>로 활용문자 외에 이미지도 하이퍼링크 가능&lt;img src=”(이미지 경로)”>정렬& nbsp : 한 칸 띄기 / & copy : © / & lt and & gt : &lt; a

2023년 7월 13일
·
0개의 댓글
·

HTML - 텍스트 입력 태그( <hn>, <p>,<br>,<blockquote>,<strong>,<b>, <em>, <i>...)

웹 문서에서 제목은 다른 텍스트보다 크고 진하게 표시됨별다른 스타일 지정없이 제목으로 사용할 수 있는 태그닫는 태그 필수&lt; hn >태그에서 h는 제목을 뜻하는 heading의 줄임말이고 n은 1~6자리 숫자가 들어가고, 제목 텍스트를 크기별로 표시할 수 있음(숫자

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

[포스코x코딩온] 웹 풀스택 과정 1주차 회고 | HTML

HTML에 대한 개요와 사용 가능한 태그들에 대해서 배웠다. 1. HTML HTML(Hypertext Markup Language) HTML은 태그를 이용해 구조화하는 마크업 언어이다. HTML5 문서는 반드시 으로 시작하여 문서 형식을 HTML5로 지정한다. 1-

2023년 7월 9일
·
0개의 댓글
·
post-thumbnail

react, js 이미지 업로드/ 미리보기/ 삭제하기

react에서 이미지 업로드, 미리보기, 삭제하기를 제작하려고 한다.(function방식으로 제작 react hook을 활용하여 제작한다.)사진을 업로드한다업로드된 사진을 배열로 저장한다업로드한 사진을 미리보기 형식으로 styling업로드된 사진 hover시 삭제 가능

2023년 7월 7일
·
0개의 댓글
·

img태그와 background-image의 차이가 무엇인가요?

&lt;img> 태그와 background-image의 차이는 다음과 같습니다:사용 방식:&lt;img> 태그: &lt;img> 태그는 HTML 문서의 일부로 이미지를 직접 삽입하는 방식입니다. &lt;img> 태그의 src 속성을 사용하여 이미지 파일의 경로를 지정합

2023년 6월 18일
·
0개의 댓글
·

국비 35

HTML, img, input, a(하이퍼링크)

2023년 6월 7일
·
0개의 댓글
·

Spring Boot 이미지 html에 출력하기

이미지 파일 위치 : /resources/static/imgs

2023년 5월 26일
·
0개의 댓글
·

HTML_태그1.

두 태그는 모두 경로를 입력할때 사용하는 태그이다. 다만 기능의 차이가 있다. 앵커태그는 body태그 내에서 사용하면 끝태그가 존재한다. 속성필수속성으로 href를 가지기때문에 반드시 입력해줘야한다. \- href는 링크뿐아니라 경로를 입력해도 된다. (아이디나 클

2023년 5월 14일
·
0개의 댓글
·
post-thumbnail

[React] 이미지 로딩화면 구현하기

기존의 상세페이지에서 메인이미지를 보여줄 때 잠깐이지만 엑박표시가 지나가는 것에 대해서 어떤 식으로하면사용자에게 거부감없이 로딩중이랑는 시각적인 피드백을 줄 수 있을지 고민을 통해 작업하였다.

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

2023.04.13

SSR에서 페이지를 처음에 진입했을 때 onload 이벤트가 씹히는 현상이 있다.이때는 HTMLImageElement의 complete 속성을 사용하면된다.https&#x3A;//developer.mozilla.org/en-US/docs/Web/API/HTMLImage

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