회사에서 카카오톡으로 로그인 기능을 사용하고 싶다는 니즈가 있어서 공부하게 되었다!

 

1) 카카오 디벨로퍼 로그인하고 사용자 관리에 Javascript 개발가이드를 클릭한다.

(서버가 노드 기반이라 Javascript 를 선택했다)

 

2) 로그인 부분의 설명을 읽는다. 이게 무슨 소리지?.....

 

2-1 ) 간략 설명

OAuth 2.0 은 인증을위한 산업 표준 프로토콜 (보안 기능프레임워크)이다.

웹 응용 프로그램 등에 대한 특정 권한 부여를 제공하면서 개발할 수 있도록 도와준다.

자세한 내용은 여기를 클릭하면 상세 내용을 볼 수 있는데 클라이언트라는 단어가 나온다. 이는 개발자를 뜻한다.

 

3) https://developers.kakao.com/docs/js에서 앱을 등록합시다.

 

4) 등록 후 샘플 코드를 작성합니다. -- YOUR APP KEY 에 발급받은 Javascript 키 설정하기

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
    <title>Login Demo - Kakao JavaScript SDK</title>
    <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

    </head>
    <body>
    <a id="kakao-login-btn"></a>
    <a href="http://developers.kakao.com/logout"></a>
    <script type='text/javascript'>
      //<![CDATA[
        // 사용할 앱의 JavaScript 키를 설정해 주세요.
        Kakao.init('YOUR APP KEY');
        // 카카오 로그인 버튼을 생성합니다.
        Kakao.Auth.createLoginButton({
          container: '#kakao-login-btn',
          success: function(authObj) {
            alert(JSON.stringify(authObj));
          },
          fail: function(err) {
             alert(JSON.stringify(err));
          }
        });
      //]]>
    </script>

    </body>
    </html>

 

5) 실행해야되는데 file://user/desktop/--- 으로 들어가서 실행이 안되었다.

필자 사용 툴 : vscode / node 를 설치하고 npm live-server 를 설치했는데 에러가 떠서

작업한 파일에 깃 클론을 받았다. 아래 링크에서 다운 방법 및 이용법이 나와있다.

https://www.npmjs.com/package/live-server

 

live-server - cmd 로 열어야된다.

 

 

6) 실행해보기

7) 응~에러야~! 임티 ㄹㅇ 내 표정....ㅋㅋ...

        -> 다음 글에 계속...

'기타' 카테고리의 다른 글

GitHub Blog 만들기( .io 사이트)  (0) 2023.08.03
Kakao 계정 이용 내역 중 CI 란?  (0) 2020.03.12
Kakao 간편로그인 (2)  (0) 2020.03.10

Rest 란?

 

-> “Representational State Transfer” 의 약자

->HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것을 의미한다.

 

출처 :  https://gmlwjd9405.github.io/2018/09/21/rest-and-restful.html

 

---------------------------------------------------------------------------------------------------------

 

URL 과 URI 의 차이점은 무엇일까?

 

URL은 Uniform Resource Locator : 자원

  - 웹 상에서 서비스를 제공하는 각 서버들에 있는 파일들의 위치를 표시하기 위한 것으로 접속할 서비스의 종류, 도메인명, 파일의 위치 등을 포함한다

 

URI는 Uniform Resource Identifier : 통합 자원 식별자

1) rewrite 기술을 사용하여 만든 의미있는 식별자

2) REST 서비스 (url로 실행되는 서비스)

3) Web-oriented architecture (웹 기반의 구조문법)

 

출처 :  https://blog.lael.be/post/61

 

'기타 > IT 기초' 카테고리의 다른 글

GitHub  (0) 2023.07.24
동기? 비동기? 그게 뭔데!@  (2) 2020.04.24
npm(Node Package Manager) 이란?  (0) 2020.02.05

DB 에 INSERT 할 때 중복데이터를 검사한 후에 새로 추가 된 값을 DB에 저장할 때 쓰는 구문은 아래와 같다.

 

=========================================================

 

USE 테이블명;


INSERT INTO 테이블명 ( 컬럼1 , 컬럼2 ) 
SELECT '컬럼1의 value',
 '컬럼2의 value'

FROM DUAL
WHERE NOT EXISTS (
SELECT 컬럼1  
FROM 테이블명  
WHERE 컬럼1 ='컬럼1의 값과 비교할 값' AND 컬럼2 = '컬럼2의 값과 비교할 값' );

 

=========================================================

 

근데 아래와 같은 경고 문구가 뜬다.

 

1592 Unsafe statement written to the binary log using statement format since BINLOG_FORMAT = STATEMENT. 
Statements writing to a table with an auto-increment column after selecting from another table are unsafe

because the order in which rows are retrieved determines what (if any) rows will be written. 
This order cannot be predicted and may differ on master and the slave.

난 우분터 서버에 마리아 디비를 깔았기 때문에 설정 파일 위치는

/etc/mysql/my.cnf 에서 binlog_format=mixed 를 설정하면 된다는데

추후에 TIME ZONE 문제가 될 수 있는 글을 봤다.

이때는 또 binlog_format=row 라고 설정해줘야한다고 하는데 음 일단 일반적인 STATEMENT 로 남기는게 좋을 것 같다. 

'Database' 카테고리의 다른 글

MYSQL(Maria DB) 데이터 UTF8 설정하기  (0) 2020.03.06
ERD (Entity Relationship Diagram) 이란?  (0) 2020.03.05
DB설계 네이밍 룰  (2) 2020.03.05

+ Recent posts

티스토리툴바