본문 바로가기

Web2

자바스크립트 문자열 줄 개행 방법 Subject 자바스크립트 작성 시 String 소스 내에서 줄 개행 방법입니다. 오늘은 자바스크립트 관련 팁을 적어보려합니다. 최근 집을 구할 순 없을까해서 정부관련 사이트를 둘러보는데 친구가 준 링크를 누르면 세부카테고리 사이트가 아니라 홈화면으로만 가져서 소스를 보니 역시나.. POST 방식의 form으로 사이트를 호출하고 있었습니다. 사이트의 링크가 변하질 않으니 당연히 링크도 정상적인 상태가 아닌 것 이지요. 결국 버튼에 onClick액션을 할당해서 hidden상태의 form에 데이터를 넣는 function을 호출하는 방식인데, 타사이트에서 호출하려면 똑같이 form을 만들어서 submit하면 되지 않을까? 하는 생각이 들더라고요. 그래서 아래와 같은 소스를 만들었더니 SyntexError가 발.. 2022. 5. 8.
오픈그래프란? - SNS에 공유를 위한 META 태그 Open Graph 프로토콜 오픈그래프란? SNS를 통해 사이트가 공유될 때, 사이트에 대한 메타정보를 보여주기 위한 태그 오픈그래프(Open Graph) 프로토콜은 HTML 문서내의 og:로 시작하는 메타태그를 찾아내여 보여주는 프로토콜(규율,약속)이며 페이스북에서 개발하였습니다. SNS(카카오톡, 페이스북, 트위터, 인스타그램 등)에서 사이트의 정보를 표시할 떄 사용되는데, 만약 메타태그를 지정안할 경우 직접 크롤링하여 표시하게 됩니다. 그렇게되면 본 사이트의 의도와 다르게 표시될 가능성이 높으니 사이트를 만들때는 넣어주는 것이 좋습니다. 오픈그래프 종류 기본(Basic Metadata) og:title 웹사이트 제목 og:type 웹사이트 종류 og:image 대표 이미지 og:url 웹사이트 정식.. 2022. 5. 6.