인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

skywalk님의 프로필 이미지
skywalk

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

Compiled with warnings.

작성

·

946

0

<Card

cover={ <img src={ `http://localhost:5000/${product.images[0]}` } /> }

>

 

Line 33:25: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text

Line 37:36: Unexpected template string expression

no-template-curly-in-string

동작은 되지만  이유를 알고 싶습니다.  ' '  표시와 ` ` 표시를 사용할때 차이점도요.

답변 4

2

skywalk님의 프로필 이미지
skywalk
질문자

아닙니다.  명강의십니다.  80년대 초에 은행에서 온라인 프로그램으로 입문하고 이후에는 하드웨어 관련 프로그램을 다뤘습니다. 그래서 인터넷 관련 프로그램은 취미로 시작하고 있으며 체계적으로 아는 것이 아니라 완성된것을 해석하면서 배우고 있어 뒤죽박죽입니다, 최신 트렌드인 것 같아 뛰어 들었습니다. 호기심으로요.

감사합니다.  오늘도 select 부분 때문에 질문을 드렸습니다.   매일 이 강의를 즐겁게 듣고 있습니다.

1

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 skywalk님 ! 

img 태그에서 나는  warning은   
원래 img 태그에는  alt를 넣어서 설명을 넣어주셔야 합니다.

근데 제가 넣지 않았었나보네요... ^^;;     

그래서 alt="이미지 설명"  이런식으로 넣어주시면 됩니다. 

''    ``의 차이점도 알려드릴게요.

원래는 '' 이거를 쓰다가 

`` 이게 새로나오게 된것입니다. (ES2015) 

그래서 이름은 template literals 이나  template strings라고 부르는데  back ticks라고도 부릅니다.

이것은 ''보다 많은 편리한 점을 제공하는데요 

대표적으로 보면 

''를 쓸때는

const userInfo = 'User info: ' + name + ' ' + surname + ' ' + telephone;

``를 쓸때는

const userInfo = `User info: ${name} ${surname} ${telephone}`;

이렇게 굳이 + + 를 사용하지 않고서도 구현이 가능해집니다 ^^ 훨씬 깔끔해졌죠 ~ !

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

와  선배님이실것 같네요...  !!!! 

제가 많이 부족해서  강의 보다 보시면 부족한 부분 많이 보이실텐데  

조언도 많이 해주시면 감사하겠습니다 ^^      부족한 강의 들어주셔서 감사해요 ~ ! 

0

skywalk님의 프로필 이미지
skywalk
질문자

고맙습니다. 아주 옛날에 어셈블리나 C 로 프로그램을 작성했던 사람이라   요즘 관심가지고 있는  웹은 공부한지 얼마 안되어서 너무 기초적인 것을 질문했네요,  mysql 에서도 그문제로 혼란이 왔었거든요.  

감사함니다.

skywalk님의 프로필 이미지
skywalk

작성한 질문수

질문하기