삽질LEE의 세상사는 이야기

Git Bash를 이용하여 프로젝트 폴더 최초로 커밋&푸시 하기 

기본적인 git 셋팅이 되어있다는 과정하에 작성 했습니다.

환경 :  Windows11, Git, Git Bash, GitLab...

아래 사진 처럼 git bash > 커밋&푸시 하려는 디렉토리 이동

저의 경우에는  C:\dev\egovframeMsa\workspace.edu\egovframe-msa-edu\backend\board-service 

경로에 Git에 올릴 소스가 있습니다.

1) git init

2)  git add .

맨뒤에  .  있음

3)  git commit -m "최초커밋요"

4)  git remote add origin git@gitlab.com:xxxxxxxboard-service.git

뒤에 부분은 본인의 git ssh  주소를 입력.

5) git branch -M main 

git 사이트 마다 약간 상이 함.  깃랩 사이트 기준으로 기본 branch 는 main 이다. github 는 master 일듯 상와에 따라서 변경 해야함

6) git pull --rebase origin main

6) git push origin main 

깃랩 사이트 가서 push 된 소스를 확인 해 본다.

- 끝 - 

▶ 컬럼변경

ALTER TABLE 테이블명 MODIFY COLUMN 컬럼명 varchar(600) NULL;

▶ 컬럼추가

ALTER TABLE 테이블명 ADD COLUMN 컬럼명 varchar(300) NOT NULL;

▶컬럼 삭제 

ALTER TABLE 테이블명 DROP COLUMN 컬럼명;

테스트 환경 

Vue 2.6.11  + intellij 

Okta 공식 홈페이지 

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

Okta + Vue2 공식 Git Url 

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

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

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

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

1. Okta 공홈 가입 진행 

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

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

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 설치가 되어 있어야 함. 

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

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

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

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

입력 후 

npm start

실행 후 모습 

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

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

끝.

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

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

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

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

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

노출하는 정도였다  

구글봇 이란?

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

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

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

무튼 정리하면 

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

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

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

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

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

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

<!-- 위의 태그를 아래와 같이 변경한다--> <meta name="robots" content="noindex,nofollow" />

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

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

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

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

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

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

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

1. 모든 검색봇 차단 

2. 모든 검색봇 허용

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

4. 네이버봇 차단

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

-끝-