전체 글
-
javascript | 구글 로그인 버튼 만들기, Google Login ApiAPI (Application Programing Interface) 2021. 6. 4. 12:13
Step 1. Google Cloud Platform 프로젝트 생성 2. Oauth 동의 화면 설정 3. Ouath 클라이언트 ID 발급 4. 라이브러리 로드, 로그인 버튼 생성, 프로필, 로그아웃 함수 구현 1. 구글 클라우드(https://console.cloud.google.com) 접속 → 프로젝트 선택 → 새 프로젝트 2. 프로젝트 이름 작성 → 만들기 3. 사용자 인증 정보 만들기 → Oauth 클라이언트 ID 4. 동의화면 구성 → 외부 선택 → 만들기 5. 앱 이름, 사용자 지원 이메일, 개발자 연락처 정보 작성 → 저장 후 계속 6. 범위 탭에서는 특별한 설정없이 저장 후 계속 7. 앱 게시 상태가 프로덕션이 되기전, 특정 사용자에게만 테스트 권한 부여 → 저장 후 계속 8. Oauth ..
-
Spring Boot | 메일 발송하기 (Google SMTP)▼ Backend/스프링 (Spring) 2021. 6. 1. 11:09
▶ 스프링부트 메일 발송하기 (Google SMTP) 1. Google 홈페이지 → Google 계정 관리(우측상단) 2. 보안 → 앱 비밀번호 앱 비밀번호는 위에 2단계 인증을 해야 생성됩니다. 3. 메일 → Windows 컴퓨터 선택 4. 생성된 앱 비밀번호를 메모해둔다. (smtp 설정에 사용될 예정) 5. 빠른 설정(우측상단 톱니바퀴) → 모든 설정 보기 6. 전달 및 POP/IMAP(탭) → 모든 메일에 POP 사용하기 → IMAP 사용 → 변경사항 저장 7. pom.xml spring-boot-starter-mail 추가 org.springframework.boot spring-boot-starter-mail 8. SMTP 설정 - application.properties # spring-bo..
-
Windows | 빈 파일, 테스트용 파일 만들기시스템 2021. 5. 31. 11:10
파일 크기 테스트를 하다 보면 다양한 크기와 확장자 테스트 파일이 필요하게 되는데 이러한 파일들을 매번 구하기가 번거롭기 때문에 구색만 갖춰진 더미 파일을 만들어서 사용해보도록 한다. CMD (명령 프롬프트) 창에서 아래 명령어를 입력한다. (단축키: Windows 키 누른 후 탐색 창이 나오면 cmd 입력) *명령어를 입력하는 현재 경로에 생성된다. fsutil file createnew 파일명.확장자 크기(단위: byte) fsutil file createnew 98MB.avi 102760448 명령어를 입력한 현재 경로에 파일이 생성된다. 파일이 생성될 위치를 변경할 경우 Case1) cd 경로 Case2) 해당 위치에 가서 cmd를 입력
-
JavaScript | 네이버 지도 연동하기, NAVER MAP APIAPI (Application Programing Interface) 2021. 5. 21. 11:37
▶ 네이버 지도 연동하기, NAVER MAP API 1. 네이버 클라우드(https://console.ncloud.com) 가입 → AI NAVER API → Application 등록 *해당 영역이 안 보일 경우 이용 신청을 한 뒤에 진행한다. https://www.ncloud.com/product/applicationService/maps 2. 약관 동의 후 확인 3. 사용할 Maps API 체크 후 사용될 URL을 추가 후 저장한다. 4. Application 생성 완료 후 인증정보 팝업에서 Client ID 확인이 가능하다. 5. Application이 생성되었으니, 가이드대로 자바스크립트 코드를 작성한다. HTML DIV (id="map") script (ncpClientId=Client ID)..
-
AWS | 용어 정리▼ DevOps/AWS 2021. 5. 18. 15:15
Amazon SageMaker는 기계 학습 모델을 신속하게 빌드, 훈련, 배포할 수 있는 서비스입니다. Amazon Aurora는 엔터프라이즈급 관계형 데이터베이스입니다. Amazon Redshift는 빅 데이터 분석에 사용할 수 있는 데이터 웨어하우징 서비스입니다. Amazon Elastic Kubernetes Service(Amazon EKS)는 컨테이너식 애플리케이션을 실행하는 데 사용되는 서비스 Amazon SQS는 분산 애플리케이션 서비스입니다. Amazon SQS를 사용하면 메시지 손실이나 다른 서비스 사용 없이 아무리 많은 양의 메시지도 소프트웨어 구성 요소 간에 전송, 저장, 수신할 수 있습니다. Amazon Snowball은 AWS와 고객 간에 대량의 데이터를 전송할 수 있는 디바이스입니..
-
jQuery | Ajax 비동기 통신 사용하기시스템 2021. 5. 18. 14:07
/* AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며, JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. 즉, 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다. */ jQuery.ajax({ url : "/url", type : "post", timeout: 30000, dataType : { sampleData : "value1" }, cache : false, beforeSend : func..
-
jQuery | Validation Plugin 사용하기시스템 2021. 5. 18. 11:33
▶ Validation Check 웹 사이트 작성 페이지에서 필수 값을 체크 해야 하는 상황이 자주 발생하는데, 그 대상이 많아질 경우 Validation Plugin을 사용하여 간단하게 필수 값 체크를 할 수 있다. jQuery, jQuery Validation Plugin 선언 「 HTML, JAVASCRIPT 작성 」 Write an Board! Register Board 「 값이 비어있는 상태에서 submit 」 rules에 name을 이용하여 requried 필수, 비필수 값을 설정하거나, 태그 인라인 속성 requried 넣어 필수 값으로 사용 할 수 있다. 추가적으로 equalTo, remote등을 사용 할 수 있고, 자세한 내용은 아래 사이트에서 확인 할 수 있다. 원하는 message를 ..