웹프로그래밍 팁2

• 

  반응형 CSS 이미지 사용법 반응형 웹은 컨테이너의 가로폭에 따라 레이아웃이 가변적이고 그에 따라 각 요소의 가로폭도 왔다리 갔다리 하는것이 반응형입니다. 텍스트는 폭에 따라 줄바뀜이 되어서 폭이 변화 하더라도 별다른 문제가 없습니다. 하지만 이미지의 경우는 화면에 따라 부분만 보이거나 짤리는 경우가 발생합니다. 이미지 크기를 정하지 않았을 경우 이렇게 div 부모 컨테이너의 빨간선을 이미지가 벗어난것을 볼 수 있습니다. 이부분을 반응형으로 만들어 주기 위해서는 css 로 img 태그의 폭을 반응형으로 만들어 주는것입니다. img { max-width: 100%; height:auto !important; } height !important 는 이미지의 원본 비율에 맞게 반응형으로 만들어 주는 부분입니다. 결과. 전체 코드 IT 2019. 8. 27.

• JAVASCRIPT 로 아이피(IP) 확인하기 순수 자바스크립트(JavaScript)로 아이피(IP) 확인은 불가능 합니다. 그러면 JavaScript 로 어떻게 아이피를 확인 하냐면 외부의 도움을 받는겁니다. - 구글 API 를 호출 하는 스크립트를 넣어 줍니다. - 그리고 아이피를 가져 오기 위한 코드를 입력합니다. 예제작성 - 결과물 : "Your IP Address IS [아이피] (IPv4) 결과 확인 : http://smilebomb.shop/myip.html IT 2019. 8. 26.