TIL 2020.06.23

kimfriendship·2020년 10월 4일
0

TIL

목록 보기
72/187
post-thumbnail

Today I Learned...

  1. 사다리 타기 게임 만들기

    ✅ 플레이어 프로필 이미지 추가
    ✅ 플레이어 수에 따라 랜덤 프로필 설정 기능
    ✅ 사다리 타기 당첨 케이스 인풋 기능



Tomorrow I will Learn...

👊 사다리 타기 게임 작업



QnA

🤷‍♀ 리액트에서 이미지 소스 사용하는 방법?

프로젝트 하위 폴더를 만들어 이미지 소스들을 저장하고, image 태그의 src에 정확한 path를 입력했는데 이미지가 나타나지 않았다. 이미지 url을 직접 입력하면 문제가 없는데, 로컬 이미지를 불러올 때만 이런 현상이 일어났다.

알고보니 리액트에서는 파일 상단에서 미리 import 해오거나, require를 써야 하는 것이었다.

How do I reference a local image in react 참고

// 첫 번째 방법
import React, { Component } from 'react';
import myImg from '../path/myImg.svg';

const App = () => {
  return <img src={myImg} />
};

// 두 번째 방법
import React, { Component } from 'react';

const App = () => {
   return <img src={require(../path/myImg.svg)} />
};


Comments

  • 얼마나 쉬었다고 감 너무 잃었다ㅠㅠ 역시 컴퓨터 언어도 똑같은 언어라는 게 실감난다.


profile
👼🏻 Front-end Developer

0개의 댓글