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
태그를 사용한다.