TIL_20210707

qkrcndtlr123·2021년 7월 7일
0

TIL

목록 보기
31/31

1. github에서 pull을 받으려고 한다. 하지만 내가 작업하고 있는 코드에 변경사항이 생겼다. 그래서 pull을 받는데 문제가 생겼다. pull이 받아지지 않는다. 이럴 때는 어떻게 해야하는가?

git stash 명령어를 이용하면 변경된 사항에 대하여 가상 공간에 빼놓기가 가능하다. 빼놓은 기록은 git stash list 명령을 통해서 확인할 수 있다. git pull을 수행한 뒤에는 git stash pop 명령을 이용해서 빼놓았던 변경사항을 다시 가져올 수 있다.


2. React를 사용하여 작업을 하는 도중에, local 서버를 이용하여 작업하고 있는 코드의 결과물을 실시간으로 확인이 가능하다. 하지만 나는 각기 다른 작업을 동시에 하고 있으며, local 서버를 2개 이상 띄우고 싶다. 이럴 때는 어떻게 해야하는가?

React에서 local 서버를 띄우는 경우, 기본 포트는 3000이다. localhost:3000의 주소로 들어가면 현재 작업중인 코드의 결과물을 실시간을 확인이 가능하다. 이후로 다른 서버를 띄우고 싶다. 이럴 때는 yarn dev 또는 next dev 등의 명령어 뒤에 -p "원하는 포트번호"를 추가하여, yarn dev -p 3001 또는 next dev -p 3002와 같이 작성한다. 이렇게 하여 여러 작업을 하며 실시간으로 결과물을 확인할 수 있다.


3. 이미지 삽입방법 비교

이미지를 삽입하는 방법에는 img 태그를 사용하거나 background-image를 사용한다. 이 때, 배경 이미지가 있고 그 위에 글씨를 써야한다면 background-image를 사용하여 이미지를 삽입한다.

background-image로 이미지 삽입을 할 땐, 해당하는 태그의 크기에 따라서 이미지가 반복되거나 잘려서 출력이 된다. 이 때, background-image로 입력한 이미지의 크기가 원하는 사이즈로 딱 맞게 출력하려면 background-size: 100%로 style을 적용한다.

인쇄를 하는 경우에 두 방식의 차이가 발생한다. 인쇄되면 안되는 이미지들은 background-image를 사용하고, 인쇄할 때 이미지가 보여지게 하려면 img 태그를 사용한다.

profile
Blog by Chungsik Park

0개의 댓글