회사에서 개발을 하던 도중 인스타그램을 연동하여 게시글을 크롤링해야하는 작업이 필요하게 되어 구현하는 과정을 정리해보도록 하겠습니다. 인스타그램 연동 API 인스타그램 API는 인스타그램의 데이터를 다른 애플리케이션 또는 웹사이트에서 사용할 수 있도록 하는 인터페이스입니다. 인스타그램 API를 사용하면 인스타그램 계정의 게시물, 프로필, 해시태그 등의 정보를 가져와 다른 곳에서 사용할 수 있습니다. 개발자들은 인스타그램 데이터를 이용해 다양한 애플리케이션을 개발할 수 있습니다. 인스타그램 API를 이용해 게시물을 가져와 웹사이트나 모바일 애플리케이션에서 인스타그램과 같은 UI를 제공할 수 있습니다. 인스타그램 연동 과정 (1) Facebook 개발자 계정 가입 https://developers.faceb..

회사에서 기존에 만들었던 구글 맵 지도 데이터에서 초기 기본 위치 정보를 변경해야하는 일이 생겼습니다. 오늘은 이 디폴트 위치 정보를 변경하는 방법에 대해서 정리해보고자 합니다. # 특정 주소를 예시로 적용해보겠습니다. 우선 위치를 변경할 주소를 검색해줍니다. 특정 건물을 명시하면 더욱 좋습니다. 검색해서 나온 위치의 오른쪽 이미지 아래에 있는 주소 정보를 복사해줍니다. https://www.google.co.kr/maps Google Maps Find local businesses, view maps and get driving directions in Google Maps. www.google.co.kr 그리고 구글 맵스에 접속하여 왼쪽 주소 입력 칸에 복사한 주소 정보를 붙여넣어줍니다. 위치가 지정..

Form 태그는 생성한 폼 안에 있는 정보들을 원하는 주소로 전달한다. Join Form Name: Email: Password: : 입력할 수 있는 형식을 만드는 태그 type 속성 : input 태그의 속성을 지정하는 속성 text - 텍스트를 입력받는 유형 password - 비밀번호를 입력받는 유형, 입력한 비밀번호를 암호화해서 보여준다. email - 이메일을 입력받는 유형, 만약 이메일 형식으로 입력하지 않으면 이메일 형식이 아니라는 에러 메세지가 나온다. submit - 버튼 같이 클릭하여 데이터를 전송하는 유형 image - 이미지를 입력받는 유형. img 태그와 동일하게 src 속성과 alt 속성으로 이미지를 지정하거나 대체 텍스트를 나오게 할 수 있다. : 라벨을 붙여주는 태그 for ..

어떤 사이트를 보면 한 페이지 내에서 원하는 내용 부분에 이동할 수 있게끔 하는 기능이 구현되어있는 것을 종종 볼 수 있다. 내가 원하는 특정 내용 부분으로 이동될 수 있게끔 하는 만들어보자. abc.com About us about us services location partners naver daum catalog download contact us Our CI / Our Vision / Our History Our CI Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when..

HTML에는 이미지를 불러올 수 있는 태그가 존재한다. abc.com About us about us services location partners naver daum catalog download contact us Our CI / Our Vision / Our History Our CI Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type spe..

html 을 사용하면 원하는 페이지로 이동하거나 호출을 하기 위해 잦은 a 태그 사용이 발생한다. 따라서 a 태그를 사용할 때 어떻게 경로로 이동해야 되는지 잘 파악할 필요가 있다. 현재 html 구조는 위와 같은 형태로 만들어져있다. [index.html] abc.com Main Menu about us services location partners naver daum catalog download contact us abc.com abc.com 은 메인 페이지로 이동하는 로고라고 볼 수 있다. 현재 있는 위치가 index.html이기 때문에 본인을 호출하는 것이므로 그대로 href 속성에 index.html 을 넣어준다. about us about us 는 about.html 을 호출한다. abou..