웹

React 잘못된 경로 페이지 만들기 (Router)

React 잘못된 경로 페이지 만들기 (Router) 프로젝트를 구현하면서 사용자가 잘못된 경로를 입력했을때 이런 페이지가 뜬다. 이대로 냅둬도 상관없긴하지만, 만약 이렇게 사용자가 주소를 잘못입력했을때 내가 원하는 화면을 보여주게 하고 싶다면 어떻게 해야할까? 바로 Router를 사용하면 된다. 이렇게 Router 경로를 * 로 설정하게 되면, localhost에서 지정한 경로들 외의 모든 경로들은 지정한 페이지로 이동하게 된다. 여기서 element에 있는 NotFound는 내가 따로 만든 NotFound.js 페이지이다. 사용자가 경로를 잘못입력하면 이 NotFound.js 페이지로 이동시켜라 라는 뜻이된다. NotFound.js 는 다음과 같이 만들었다. 참고해보시길. 사용자에게 보여지는 페이지는..

HTML/CSS - meta 태그란?

HTML/CSS - meta 태그란? meta 태그란 해당 웹페이지에 대한 정보를 알리는 역할을 한다. 예를 들어, 가장 많이 사용하는 meta 태그 은 ”이 파일은 UTF-8 방식으로 저장되었습니다” 라고 알려주는 역할을 한다. 이처럼 기존 html 태그들은 문서의 내용들이 어떻게 보여지는지에 대한 마크업이지만 대그는 문서의 제작자, 핵심 키워드, refresh, viewport 등 어떤것을 사용하는지에 대한 정보들을 담고 있는 태그이다. 데이터에 대한 데이터라고 말할 수 있겠다. 이 meta 태그는 본문이 아닌 head 태그내에 배치한다. 여러 meta 태그들 웹페이지 상에서는 표시가 되지 않지만 웹페이지에 대한 요약된 자료로 사용됨 해당 웹페이지를 잘 설명하는 키워드들 모바일에서 이 웹페이지를 볼 ..