Info/팁 2

[웹코딩 팁] https:// 주소를 http:// 로 연결하기

브라우저는 보안 정책으로 자동으로 모든 주소를 https로 연결하도록 되어있습니다. 사실상 보안을 생각한다면 이게 맞는데.. 아직까진 https 연결을 지원하지 않는 웹사이트가 더러 있습니다. 특히 개인이 운영하는 사이트같은 경우에는 말이죠.. http로만 연결되는 웹사이트에서는 큰 문제를 보이지 않습니다만 https로 연결되는 경우 http로 시작하는 주소는 연결이 거부되어 이미지가 로딩이 되지 않는 등 페이지가 제대로 보이지 않는 문제가 발생합니다. 이를 해결(?)하는 몇가지 방안을 제시합니다. 브라우저 관련 예시는 전부 크롬(PC)를 기준으로 작성하였습니다. 0. 주소 변경 일시적인 방안입니다. 주소창을 클릭해 맨앞에 http:// 를 입력하거나 변경하는것입니다. 북마크에 저장할때도 http로 저장..

Info/팁 2022.08.02

[웹코딩 팁] 웹페이지에서 페이지 구조나 스타일 확인하기

웹페이지에서 특정 요소의 스타일 등을 확인할 수 있는 방법입니다. PC 크롬 브라우저 기반으로 작성하였습니다만 다른 브라우저에서도 비슷한 기능을 제공합니다. f12를 누르면 개발자도구가 뜹니다. 개발자도구 탭은 오른쪽이나 아래 뜨는데 거기서 왼쪽 위에 있는 버튼을 누르면 원하는 위치에 마우스를 올려 해당하는 요소와 스타일을 확인 할 수있습니다. 기본으로 활성화되어있기도 하니 마우스오버 했을때 해당 요소가 파랗게 오버레이가 뜨지 않으면 버튼을 다시 한번 눌러주세요 [Elements] 웹문서의 html코드버전이 보이는 창입니다. 3에서 마우스오버한 요소가 하이라이트 됩니다. 한 요소라도 여러개의 요소가 감싸져있기도 하니 밖이나 안에 있는 요소를 클릭하여 원하는 부분을 찾습니다. * php의 경우 다른 파일들..

Info/팁 2022.08.02