안녕하세요. 엔지엠소프트웨어입니다. 이전 시간에 웹브라우저에 연결하는 방법에 대해 알아봤습니다. 아주 단순하게 말이죠^^; 이번에는 페이스북에 사용자 이메일과 비밀번호를 입력하는 방법을 알아보겠습니다. 이 부분은 약간 민감한 부분이 있는데요. 바로 CAPTCHA 때문이죠.

[ 웹 API의 텍스트 예제 ]

 

 

여러분들도 위와 같은 화면을 자주 봤을 겁니다. 물론, 전혀 접할 기회가 없었을 수도 있죠^^; 캡챠는 사실 오래돼서 기계로 읽기 힘든 고서를 판독하기 위해 고안된 기술이었습니다. 그래서 위 그림처럼 기계가 판독 못하는 글자를 사람이 입력하게 해서 거대한 데이터베이스를 만들었죠. 그래서 지금은 기계가 판독하지 못한 고서들을 100프로 디지털화한 걸로 알고 있습니다.

 

 

지금은 위 그림처럼 이미지로 대체 되었습니다. 구글의 경우에는 말이죠^^; 글자로만 봇(기계가 자동으로 수집하고 입력하는...)을 판단하다가 왜 이미지로 변경되었을까요? 그것도 표지판이나 거리사진 같은 걸로 말이죠. 이유는 간단합니다. 기계가 판독 못한 고서들을 전부 디지털화해서, 더 이상 필요가 없어진 데다 더 좋은 적용 방법을 찾아낸 덕분입니다. 그건 바로~~~ 구글 지도죠^^ 기계가 읽기 힘든 주소나 표지판, 사진 등등을 사람이 선택하게 해서 더 좋은 지도를 만드는데 활용하고 있습니다.

 

아무튼, 우리를 귀찮게 하는 캡챠가 사실은 공익적인 측면이 있고 저 귀찮은걸 입력하거나 선택할 때마다 고서 번역에 도움이 되면서 지도 서비스가 정확해질 수 있도록 일조하고 있다는 겁니다. 우리가 알게 모르게 말이죠~

 

헛소리는 이만 줄이고... 이 글에서 설명하려고 했던 내용에 대해 적어야겠군요-_-; 우선 아래와 같이 새로운 스크립트를 하나 추가합니다. 그리고~ 이전 메뉴얼에서 만든 웹 연결을 설정하세요. 또는 첨부되어 있는 스크립트를 다운로드하시기 바랍니다.

File > 새로 만들기 > 스크립트 (단축키: Ctrl+N)

 

 

아래 그림을 참고해서 외부 API의 웹 API 연결 액션을 추가하세요.

1. 웹 API의 텍스트 선택
2. 드래그 앤 드롭으로 스크립트에 추가
3. 드래그 앤 드롭으로 스크립트에 추가
4. 속성 탭 클릭

 

 

아래 그림을 참고하여 웹 API의 텍스트 속성을 입력하세요.

1. 추가한 첫번째 텍스트 선택
2. 요소 이름에 "email" 입력
3. 웹브라우저 이름은 위에 추가한 연결의 이름 선택
4. 입력할 텍스트로 여기서는 페이스북의 계정을 의미 (이메일)

 

 

두번째 텍스트를 클릭하여 선택하고 아래 그림처럼 속성을 채워줍니다.

1. 텍스트 액션 선택
2. 요소 이름에 "pass" 입력
3. 웹브라우저 이름에 위의 연결 아이디를 선택
4. 입력할 텍스트로 페이스북의 계정 비밀번호를 입력

 

 

이제 스크립트 실행을 클릭해보세요. 크롬 웹브라우저가 실행되고 페이스북 사이트로 연결됩니다. 그리고 자동으로 아이디와 비밀번호가 채워지는 것을 확인할 수 있습니다.

 

 

액션의 속성을 채우는 방법은 NGM 3.0에서 동일하게 설명한 적이 있습니다. 구글 크롬에 기본 탑재되어 있는 개발자 도구죠. F12로 실행할 수 있습니다. 자세한 내용은 [ 여기 ]를 참고하세요~

 

속성 정보

 

 

 기본 작업

• 사용 여부: 이 액션의 사용 여부를 설정합니다. False로 설정하면 이 액션은 실행되지 않습니다.
• 설명: 이 액션의 부가적인 설명을 입력합니다.
• 실행 전 지연: 이 액션이 실행되기 전 지연 시간을 입력합니다.
• 실행 후 지연: 이 액션이 실행된 후 지연 시간을 입력합니다.
• 아이디: 스크립트 내에서 유니크한 아이디를 입력합니다.

 

변수

• 가져오기: 글로벌 또는 로컬 변수에 저장되어 있는 값을 이 액션의 속성 값으로 가져옵니다.
• 추가하기: 이 액션의 속성 값을 글로벌 또는 로컬 변수에 저장합니다.

 

작업

• 랜덤 최대값: 텍스트를 입력할 때 랜덤 하게 입력되는 최대 값입니다.
• 랜덤 최소값: 텍스트를 입력할 때 랜덤 하게 입력되는 최소 값입니다.
• 요소 이름: DOM에서 찾을 엘리먼트의 이름입니다. 요소 형식이 XPath라면 이곳에 XPath를 입력합니다.
• 요소 인덱스: DOM에서 찾은 엘리먼트가 다수일 때 인덱스로 선택 할 수 있습니다.
• 요소 형식: DOM에서 찾을 일레먼트의 형식입니다.
• 웹브라우저 이름: 제어하기 위해 연결한 웹브라우저의 고유한 이름입니다.
• 입력 딜레이: 텍스트를 한글자씩 입력합니다.
• 텍스트: Input Text를 가져오거나 설정할 수 있습니다.

기능 개선 추가 내용 (2019-11-16)

텍스트(Input Text)에 값이 없으면 선택한 노드 엘리먼트의 값을 가져옵니다. 그리고, 해당 노드 엘리먼트의 위치 정보와 노드 엘리먼트의 태그 이름을 정보에 표시하도록 수정되었습니다.

 

개발자에게 후원하기

 

추천, 구독, 홍보 꼭~ 부탁드립니다.

여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

감사합니다~

추천0 비추천0