15호의 개발자

[React] localhost? npm start? React는 코드를 짜면서 실시간으로 수정사항이 바로 반영된다. 이를 localhost:3000에 접속하여 확인해야 한다. localhost:3000은 리액트 앱의 default port 값이다. 이 값은 package.json에서 언제든지 바꿀 수 있다. localhost:3000에 접속하기 위해서는 콘솔 창에서 npm start를 실행해야 한다. 또한 localhost를 계속 유지하고, 실시간으로 refresh되는 것을 보려면 콘솔을 종료하지 않아야 한다. localhost에서 'page not found'라고 뜬다면 이는 서버가 없다는 뜻으로, 서버를 제대로 실행시키지 않았을 가능성이 크다.

localhost에 대해 알아보기 위해 크롬 주소창에 localhost를 입력하면 google에 검색되는 게 아니라 '사이트에 연결할 수 없음'이라는 것이 뜬다. localhost는 무엇이길래 그 자체로 주소가 되는 것일까? host란? localhost를 알기 전에 우선 host가 무엇인지 알아야 한다. host는 사전적인 의미로는 '주인, 주최자'의 의미를 갖고 있고, IT에서 말하는 host란 네트워크를 이용하기 위해 네트워크에 연결된 장치를 의미한다. 그러한 장치로는 컴퓨터가 될 수도 있고 스마트폰이 될 수도 있다. 즉, 검색을 하기 위해 사용하는(=네트워크에 연결된) 컴퓨터나 스마트폰이 host가 되는 것이다. localhost란? localhost는 말 그대로 해석하면 지역(local)+호스트..