반응형

# 1. Language/🎨 HTML&CSS&JavaScript 3

웹페이지(사이트)가 검색되지 않도록 하는 방법

아래 사이트를 참고하여 robots 메타 태그를 사용하여 검색 결과로 노출되지 않는 웹사이트를 만들었다. 사이트가 검색엔진의 검색결과에 표시되지 않도록 하는 올바른 방법 사이트가 검색엔진에 완전히 노출되지 않도록 하기 위해 robots.txt 파일을 사용하여 구글, 네이버, 빙 등의 검색엔진에서 사이트를 인덱싱하지 않도록 하는 경우가 있습니다. 이 경우 어떤 식으로 www.thewordcracker.com

모바일 환경에서 화면 확대/축소(Pinch Zoom) 비활성 하기

웹페이지를 모바일 환경에서 볼 때, 사용자가 손가락을 사용하여 화면을 확대 혹은 축소를 하지 못하도록 만들어보자. [참고] Pinch Zoom 사용자가 직접 두 손가락을 사용해 화면을 확대 혹은 축소를 하는 경우 Android 우선 삼성폰. 즉, Android환경에서는 다음의 코드로 손쉽게 확대 및 축소 기능을 비활성화할 수 있다. (기존의 viewport 메타태크에 user-scalable=no만 추가한 형태이다.) iOS 그런데 아이폰. 즉, iOS에서는 위의 태그로는 줌을 할 수 없도록 만드는 것이 불가능하다. 왜냐하면 언제나 줌을 허용하도록 iOS측에서 임의로 정책을 바꿨기 때문이다. 따라서 StackOverFlow 사이트에 검색하여 다음의 코드를 style태그 안에 붙여줬더니, 비활성되었다. b..

CSS 포지션/배치 연습하는 웹사이트

Flexbox Froggy CSS 포지션/배치를 연습하기에 좋은 웹사이트 Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 회사에서 갑자기 프론트단을 조금 만져야하는 상황에 부딪히게되었는데 정말 프론트가 하나도 기억나지 않아서 절망했는데 많은 도움을 받은 사이트다! 하다가 정답을 모르겠다면 아래의 웹사이트에서 answer을 참고하며 공부하면 된다. 플렉스 개구리 공략집( Flexbox Froggy Solutions ) Front-End 개발을 해보신 분이라면 한번쯤은 들어보셨을 수도 있는 (제가 푼) 플렉스 개구리(https://flexboxfroggy.com/#ko)의 공략집 입니다. 공략을 보지 않고도 충분히 해결할 수 있지만, 해답이..

반응형