이번에는 java script 의 openAPI 를 이용해서 카카오 로그인을 구현해 볼 겁니다. 카카오 로그인 카카오는 openAPI 가 굉장히 친절하게 잘 되어 있습니다. 카카오 디벨로퍼 로 들어가주세요 해당 사이트에 들어가서, 카카오 아이디로 로그인을 해줍시다 ( 카카오 디벨로퍼 회원가입 ) 카카오 로그인 의 문서보기를 클릭해서 시키는 대로 차례차례 따라하면 됩니다. 어떤 기능들이 있고, 어떻게 구현하는지 1번씩 쭉 읽어보면 좋습니다. 그러면 카카오 로그인을 한번 구현해 봅시다. 1. 앱 만들기 ( 웹 만들기 ) https://developers.kakao.com/docs/latest/ko/getting-started/app Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을..

이번에는 java script 의 오픈 API 를 알아 봅시다. 오픈 API API(Application Program Interface) 라고 합니다. 이는, 이미 만들어져 있는 기능들의 라이브러리를 사용하는 방법 이라고 할 수 있겠습니다. 이번에 저희가 해볼꺼는, 아래 페이지에 있는 공공 WIFI 의 정보에 접근해볼 겁니다.https://data.seoul.go.kr/ 서울 열린데이터광장 모든 서울시민을 위한 공공데이터 열린데이터광장에서 서울시와 연계 기관이 공개한 공공데이터를 확인하실 수 있습니다. 서울시와 관련된 다양한 공공데이터를 확인해 보세요. data.seoul.go.kr 보통 만들어져 있는 API 를 사용하기 위해서는, 인증키가 필요하기 때문에, 해당 사이트에 회원가입을 하고 인증키를 발급..

이번에는 어제 알아본 java script의 비동기에 대해서 조금 더 알아 봅시다. 비동기 어제 알아본 비동기 방식은 fetch 를 이용해서, text() 를 사용해서 문자열로 바꿔주는 걸 봤었죠? fetch는 text 뿐 아니라, json 을 사용할 수 있습니다. .json 파일을 json 형식으로 만드는 것이기도 하고, json(객체) 으로 된 것을 가져오는 것 이기도 합니다. 먼저, "hi.json" 이라는 파일을 만들어서 아래와 같이 데이터를 작성해 줍시다. ( {"키":"값"} ) 의 형태 ※ 실제로, 비밀번호를 파일에 명시되도록 저장하지는 않음. 그리고 fetch 를 사용하는 곳에서, 아래와 같은 공간을 만들어 줍니다. 어제 .text() 가 들어가는 자리에, .json() 으로 바뀌었을 뿐 ..