>

테스트 환경 

Vue 2.6.11  + intellij 

 

Okta 공식 홈페이지 

https://www.okta.com/kr/

 

Okta - Identity for the Internet

Okta는 고객부터 직원에 이르기까지 모든 아이덴티티를 보호하는 신뢰할 수 있는 단일 플랫폼입니다.

www.okta.com

 

Okta + Vue2 공식 Git Url 

https://github.com/okta/samples-js-vue/tree/vue-2

 

okta/samples-js-vue

samples-js-vue. Contribute to okta/samples-js-vue development by creating an account on GitHub.

github.com

조심 해야 할 점은 Vue3 버전과 Vue2 버전 브랜치가 따로 있으니 참고 해주시기 바랍니다. 

저는 Vue2 버전으로 진행 했습니다. 

 

 

###################################################################

1. Okta 공홈 가입 진행 

 

2. 아래의 그림을 참고 하여 Applications 등록 진행을 하자 

Create App.... 버튼 클릭 

 

OIDC - OpenID Connect 선택 > Single-Page Application 선택 후 Next 버튼 클릭
App integration name 설정 

 

1. Sign-in redirect URIs :  Okta 인증 후 호출 할 주소   2.Sign-out redirect URIs : 로그아웃 후 호출 할 주소
Save 버튼 클릭

 

저장 후 Okta 화면 모습

 

위에서 언급 안 된 옵션은 기본 선택 임.

 

Sign-in redirect URIs

Sign-out redirect URIs

위 2개 옵션은 자신에 설정에 맞게 변경 해주면 됨. 

 

 

3. Sample Git Clone 진행 

OKta 공식 Git : Vue2 샘플소스 주소

https://github.com/okta/samples-js-vue/tree/vue-2

 

클론 진행...

Clone 후 README.md 를 보면 친절 하게 셋팅 하는 방법이 나와있습니다. 

 

샘플소스 는 2가지 로그인 방법 모드를 제공 하고 있으며,  상황에 맞춰서 사용 하면 될 듯.

 

첫째, custom-login : Okta 로그인 화면을 띄울떄 자신의 서버(ex. http://localhost:8080/login) 이런

식으로 호출 하며 Okta 로그인 화면을 iframe 형식으로 불러 올수 있어서, 로그인 화면을

커스텀 할 수 있도록 제공해 주는 것 같다. 

근데 이놈이 이상하게..  같은 Okta내에 다른 App에서 로그인 을 하면 다른 App 하고 연동 되는 것이 

아니라 각각 App 마다 로그인을 해줘야 한다.. sso 개념은 이게 아닌거 같은대.. 무튼 이거는 

잘 안사용 할 듯 싶다. 

 

둘쨰, okta-hosted-login : Okta에서 제공하는 Url 의 로그인 화면으로 이동 시켜서, Redirection 

해주는 것 같다.  (ex. http://localhost:8080/login 입력 하면 Okta 에서 제공 해준 개인 도메인 로그인 

화면을 이동) 

만약 같은 Okta내에 다른 App에서 로그인을 했다면,  자동으로 로그인 을 시켜 줌.  위에 놈과는 다름 ㅋㅋ

 

4. 샘플 소스 띄우기

okta-hosted-login 를 띄어 보도록 하겠다. 

intellij 로 진행을 하였으며, 다른 ide 들도 비슷 할 것 같다. 

터미널 모드에서 명령어 날리는건  윈도우 cmd 열어서 진행 해도 됨. 

 

선행으로 npm명령어를 사용 하기 위해 node.js 설치가 되어 있어야 함. 

cd okta-hosted-login 
npm install

 

설치 완료 후 testenv 파일을 프로젝트 최상단에 생성 (명칭 똑같이)

 

testenv

 

testenv 파일안에 내용은 아래와 같이 본인에 설정에 맞춰서 입력. 

 

ISSUER=https://yourOktaDomain.com/oauth2/default
CLIENT_ID=123xxxxx123

 

위에 값은 Okta 홈페이지에서 확인 가능. 

 

Sign On 탭 클릭
Audience = CLIENT_ID

입력 후 

npm start

 

실행 후 모습 

 

 

로그인 버튼을 클릭 하면 회원 가입하고 App 을 만들때 로그인 한 관리자 페에지 token 이 있기 때문에

자동으로 로그인이 되는 걸 확인 할 수있다. 

 

 

끝.

 

프로젝트를 진행하다 보면 BATCH 를 돌려야 할 경우가 있다..  보통 통계쪽 에서 많이 쓰고 있다. 

ORACLE 의 JOB스케줄러 처럼 MSSQL 에도 그런 기능이 있다...  여러가지 단어가 있는대.. 정석으로 말하자면

SQL Server 에이전트 작업 이다.. 설정 방법을 소개하고자 한다.

 

[환경] 

MSSQL SERVER 2017 

Microsoft SQL Server Management Studio 18

 

[시나리오]

TEST프로시저 작성 후,  매일 오후 5시에 TEST프로시저가 실행 되도록.

 

1. test 프로시저 작성 (재량 껏 작성)

2. MSSMMicrosoft SQL Server Management Studio 18 실행 

3. SQL Server 에이전트 > 새 작업 클릭 

새 작업 클릭

4. 일반 탭에서  이름, 설명 입력 (소유자는 자동으로 입력 됨)

 

5. 단계 > 새로만들기 클릭 > 단계이름, 실행 될 프로시저 명령어 작성 후 > 확인 버튼 클릭

 

6. 일정 > 새로만들기 클릭 > 

 

7. 이름 입력 및 배치일정을 선택하고 확인 버튼 클릭 

 

8. 마지막 ~ 확인 작업 아래와 같이 스케줄러가 생성 된 걸 확인 할 수 있다. 

 

 

 

9. 배치 결과 할수 있는 리포트를 제공한다..  MS가 이런 면에선 편하긴 편하다..

 

 

 

모두... 등록 성공을 바라면서.. 여기까지 쓰겠습니다 !

구글 애드센스를 추가하기 위해 현재 진행형...

순서는 아래와 같이 진행 중 

 

1.  구글 애드센스 홈페이지 접속 > 로그인 후...

https://www.google.com/adsense/login2?hl=ko

 

Google 애드센스

하나의 계정으로 모든 Google 서비스를 애드센스로 이동하려면 로그인하세요.

accounts.google.com

 

2. 아래의 캡쳐 처럼 구글글 코드 "복사하기"  후  > 티스토리 html에 추가해야 한다.. 추가하는 방법은 3번에서

3. 아래 캡쳐 순서대로 진행 ...  

-티스토리 관리자 > 스킨편집 클릭

 

티스토리 관리자 메뉴에서...

 

 - 스킨편집 > html 편집 버튼 클릭 !!!!!!!!!!!!!!!!!!!!!!!!!!!!

html 편집 클릭

- 구글 코드복사 한걸 별표 표시 영역에 붙여 넣기 (위치가 중요!!!!!!!!!!!!!)   >>> 적용버튼 클릭 후 구글애드센스 홈페이지 이동 

 

위에 캡쳐의 순서를 잘보삼

 

 

 - 구글 애드센스 홈페이지에서 로봇 체크 하고.. 제출 클릭 하면 아래와 같은 메세지가 발생.

라스트

 

 

현재 진행 중이며....  그 후 작업은 다시 업뎃 할게요...

막상.. JAVA 프로그램 이야기를 하려고 했는데... 귀차니즘의 압박으로 그냥... 일기부터 쓰면서 시작하려고 한다... 몇일이나 갈런지 ㅋㅋㅋㅋㅋ

현재 일하고 있는 곳에서 업무요건이 왔다.. 


담당자 : 우리 홈페이지의 특정 화면이 구글에 특정 명칭으로 검색하면 나오는데, 나오지 않게 해주세요


삽질LEE : 네 분석 해보고 연락드리겠습니다~! ㅋ


"구글 검색 제외하기" 오더가 떨어진것이다..  머리속에 스쳐 간것이 구글봇, 검색로봇이 떠오르더라.. 


사실 이것이 정확하게는 뭔지는 몰랐다.. 그거 구글이 웹페이지를 수집해서 구글 쪽 서버(DB)에 저장해서 

노출하는 정도였다  



구글봇 이란?


 Googlebot은 Google의 웹 크롤링 봇으로 '스파이더'라고 불리기도 합니다. 크롤링은 Googlebot이 새로운 페이지 및 업데이트된 페이지를 찾아 Google 색인에 추가하는 과정입니다. Google은 다양한 종류의 컴퓨터를 사용하여 수십억 개의 웹페이지를 가져옵니다.


라고 구글에 검색하면 나온다ㅋㅋㅋㅋㅋㅋ.. 나는 쉽게 이해 하려고한다... 


위에서 중요한 문구중 하나가  "웹 크롤링"   이다.. 


웹 크롤링???  쉽게 생각하면 웹사이트를 돌아 다니며 정보를 수집하여 지들 DB에 저장한다. 질문은 거절한다. ㅋㅋ  -이하생략- 


무튼 정리하면 

구글봇이 아무 사이트에 가서 정보를 수집하는 건 아니다. html, jsp 등등 웹소스 상단에 메타 태그로 허용을 한다라는 태그를 써야 

구글봇 뿐만 아니라 다른(네이버,다음,등등 ) 검색로봇이 웹사이트에 와서 정보를 수집(웹크롤링) 해간다는 말이다~! 



말이 너무 많은거 같다.. 일단 퀘스트를 수행해보도록 하자 



웹사이트의 특정 페이지 검색로봇 차단 방법 : 


예를 들어  메인 > 자료실 > 상세화면 이 노출되고 있다면,   해당화면.jsp  소스파일 상단에 



라고 선언이 되어있다면, 검색 로봇들이 이 페이지는 수집해가도 대는 페이지구나 ~! 아이쿠 하면서 내용을 퍼간다



부가 설명을 하자면.. 이 페이지는 수집해가지 말아라 라는 옵션이다..  




위에 설명한 방법은 "특정 페이지만 차단 하는 방법이고.." 통쨰로 차단하고 싶다면 


robots.txt 를 이용하여 특정 봇 (구글봇, 네이버봇, 다음 등등) 페이지 수집을 막을수있다. 


요약하면 robots.txt 파일을 만들어 입맛에 맛게 붙여 넣은 다음 웹 소스 상단에 붙여넣으면 끝. 


각 프로그래밍 언어 마다 다르지만 필자는 java 언어 기준으로 설명을 하면.. 


WebContent 아래 robots.txt 붙여넣으면 끝 쉽죠잉?




robots.txt 안에 들어갈 내용은 아래에서 필요한거를 붙여서 저장 하면 끝 



1. 모든 검색봇 차단 

User-agent: * 

Disallow: /



2. 모든 검색봇 허용

User-agent: *

Allow: /


3. 구글봇 차단 (구글봇, 구글봇이미지, 구글봇모바일)

User-agent: Googlebot

Disallow: /


User-agent: Googlebot-Image

Disallow: /


User-agent: Googlebot-Mobile

Disallow: /



4. 네이버봇 차단

User-agent: Yeti

Disallow: /



더 많은 포털들이 있지만... 구글링을 통해 알수가 있다. 



-끝-

'개발 > Etc' 카테고리의 다른 글

Git 프로젝트 최초 commit push 하기  (0) 2023.04.12
Mysql 테이블 수정 #Alter #수정 #table  (0) 2023.03.03
Okta Vue2 연동 설정 셋팅  (1) 2021.06.21

oracle 사용하시는 개발자라면 toad를 많이사용한다.. 


데이터를 분석 하다보면 가끔 쿼리 결과를 출력하는 Data Grid에 빈공백이 보이는 부분이.. null 값이 들어 간지.. 


또는 빈공백(스페이스)이 들어 간지 애매모호 할 경우가 있다.. 


toad 옵션 중 데이터가 null이면 Data Grid 결과 값에 null 로 표시를 해주는 옵션이 있다 


별거 아닌거 같지만 기억 해놓으면 두고두고 설정해서 쓰게될것임.. ㅋㅋ


설정 방법은 정말 쉽다~! 10초면 샤샤샥 할 수 있을 정도로 ^^

설정 방법은 아래 순서대로 ㄱㄱ!!


1. 상단 메뉴 중  View > Toad Options (이미지에 성의없는 빨간색 테두리 참조 ㅋ)



2. Options > Data Grids 선택 후 아래 Null columns 옵션 (빨간색 박스) 에서 {null} 선택 후 Ok 버튼 클릭!!

   (참고로 Blank 가 초기값으로 선택 되어있음!!)



3. 설정 전 후 비교 샷



*설정 전 * 설정 후




눈에 보이게 null 값이 Data Grid 창에 보일것이다.

빈공간(스페이스), null값 을 구분하기 위해서라도 꼭 toad 옵션을 설정을

하고 개발을 or 데이터 분석을 시작하도록 합시다!! 


무를 하면서... 또는 학교 레포트를 하면서 엑셀창을 여러게 띄어서 작업을 하는 경우가 많이있는대 

현재는 엑셀을 한 화면에 2가지이상을 못띄운다.. 

2가지 이상을 띄우기 위해서는 아래와 같이 ㄱㄱ


참고로 reg 파일을 파일첨부를 하면 좋겠지만, 혹시나 모를 경우(바이러스, 악성코드 등등)를 위해서 

온니 텍스트로만 작업을 할 예정임 





1, 아래의 내용을 복사 


2. 메모장 열기 - 미세 먼지 팁으로.. 메모장을 못찾을 경우 아래와 같이 해보시길..

  • 키보드에서 윈도우 키 + r  : 좌측 하단에 실행 창 이 보이실 것임
  • 열기에서 notepad 입력 후 엔터 메모장이 열릴 것 임 


  • 1번에서 복사 한 내용을 컨트롤+V 붙여넣기 

  • 메모장 메뉴 중 파일 - 다른 이름으로 저장 

  • 파일명은 아무거나 해도 상관이 없으며, 단 확장자를  .reg 로 꼭 해줘야 함


  • 저장이 완료 되었다면, 저장 한 폴더로 들어가면 reg 파일 더블 클릭 ㄱㄱㄱ


  • 더블 클릭을 하면 아래와 같이 오류 팝업이 나오는 것 을 확인 할 수 있다...  

"정보를 추가하면 값이 변경되거나 삭제될 수 있으며 구성 요소가..."  블라블라.. 위에서 언급 했다 싶이 첨부파일로 제공 하여 배포를 하면

악성 바이러스나 악성스크립트가 삽입되어 있을 가능성이 매우 높다..   귀찮지만 직접 레지스트 파일을

만들어 사용하길 바라는 마음이다.. 


  • 이어서 "예" 를 클릭하면 끝.


  • 실행 모습.jpg 



  • 마치며... 저도 이 레지스터를 쓰면서 믿어도 되는걸까? 신용이 있을 것 일까..?  라고 생각을 했으며..  구글링을 통해 쉽게 알수 있었다.. 
  • 마소에서 직접 가이드 라인 으로 배포 한 레지스터 이며.. 해당 링크는 아래를 통해 확인 할 수 있다. 

https://answers.microsoft.com/ko-kr/office/forum/office_2010-excel/%EC%97%91%EC%85%802010%EC%97%90%EC%84%9C/87d5d69b-d94d-e011-8dfc-68b599b31bf5

- 이클립스 켜는 속도가 느릴경우 

- 이클립스 실행 후 복합적으로 느려지는 경우 


본인은 이클립스 설정 파일 (eclipse.ini) 를 수정 하여 실행 한다..  

이클립스가 느려질때 마다 여러 블로그를 통해 수집해와서 복붙 cvcv 를 했지만.. 

따로 메모를 해서 항상 이 패턴으로 사용하고 있다.. ㅋㅋ


설정 방법은 아래와 같이... ㄱㄱ





  • 이클립스 설치 폴더를 찾아들어 간다 
  • 설치 폴더에 들어 가면 eclipse.ini 파일이 뙇하고 보임 설정을 하기전 원본은 백업을 하는 습관은 센스


  • eclipse.ini 열고 들어가면 아래의 내용을 제일 하단에 복붙 ㄱㄱ 
  • 메모리에 관련된 내용들이 있다... 궁금하면 구글링 하여 하나하나 알아 가셔도대요...  정확하게는 기억이 나진 않지만 이클립스 속도에 관한 설정 일것 이다 ^,,^



  • 저장 후 이클립스 실행 ㄱㄱ 

  • 참고로 저는 데탑 I5 3세대 , 8G 메모리를 사용하고 있습니다... 문제 없이 잘 돌아 갑니다

  • 이클립스 실행이 안될 경우 백업본 으로 원복을 하면 되겠지만..  아마 메모리 값 문제 일 가능성이 높으므로 메모리를 변경 해가며 최상의 컨디션을 유지 할 수 있는 메모리 설정을 찾길 바랍니다... 


+ Recent posts