인터넷 커뮤니티 사이트에서 게시글이나 댓글에 간혹 장난을 목적으로 작성된 특이한 글자를 볼 수 있습니다. 위 예시에서는 높이가 낮지만 실제로는 더…
React Helmet을 사용하여 각 페이지 컴포넌트별로 메타 데이터를 설정하는 경우가 많습니다. 사이트의 제목이나 설명을 지정할 수 있는 meta 태그인 title이나…
부트스트랩(Bootstrap)을 사용하려고 필요한 스크립트를 웹 페이지에 불러온 뒤에, 해당 페이지에 접속하면 다음과 같은 에러 메세지가 출력됩니다. Uncaught TypeError: Cannot read…
부트스트랩 4 col-xs-* 동작하지 않음 부트스트랩 4에는 기존의 3 버전에 비해 사용법이 많이 달라졌습니다. 부트스트랩의 핵심이라고 볼 수 있는 반응형…
JQuery 사이트 제목(title) 내용 추출 간혹 웹사이트 특정 페이지에서 <title> 태그의 콘텐츠를 읽어들이고 싶은 경우가 있습니다. JQuery를 이용하면 이를 쉽게…
Failed to execute 'requestFullscreen' on 'Element' 자바스크립트를 사용하여 브라우저 창을 전체화면으로 전환하려 할 때 다음과 같은 경고 메세지가 발생하며 전체화면으로…
PHP 클라이언트 외부 IP 주소 출력 PHP에서 접속한 사용자의 외부 IP 주소를 사용하거나 보여주고자 할 때가 있습니다. 예를 들면 익명…
Bootstrap 4 네비게이션 바(navbar) 상단 고정 웹 개발 프레임워크인 부트스트랩의 최신 버전인 부트스트랩 4(Bootstrap 4)을 사용하면서 상단의 네비게이션 바(navbar)를 고정하려…
HTML script 태그 올바르게 정의하기 HTML script 태그는 동적인 페이지를 구성하기 위해 자주 사용되는 태그입니다. <script> ... </script> 와 같이…
HTML 확인 취소 창 띄우기 HTML 자바스크립트 코드를 사용하여 웹 페이지 경고 창을 띄울 때 '확인' 그리고 '취소' 버튼을 생성할…