3일차(에러발견, 연관검색어 크롤링 후 브라우저에 띄우기)

 

ERROR

5주차 서버 세팅후 실행하는 과정을 다시 혼자 해보는데 서버 연결이 안된다...😱😱
강의를 보면서는 실행이 잘되었는데 무슨일일까 하다가
인스턴스를 중간에 중지한 후 다시 시작했더니 IPv4 주소가 달라졌었다.

(중간에 중지하면 안되는건가??)

달라진 IPv4 주소를 이용해서 서버를 연결을 다시 시작했는데 안된다.😭😭😭
robo3t에서도 새로 만들어서 바뀐 주소를 입력했는데도 안되고,, FileZilla도 안되고..
결국 인스턴스 종료하고 새로운 인스턴스를 만들었다.

새로운 인스턴스로 내일 해보고 또 안되면 무슨 문제일까,,,

 

---

웹 프로그래밍 기초 수강 완료

웹 프로그래밍 기초를 드디어 1회독했다.

그 기념으로 내가 예전에 해본 가벼운 크롤링을 이용해서 강의에서 배운 내용인 부분을 적용시켜보려고 했다.

서버에 연결하고 input 값을 받아 네이버에 검색을 해서 연관검색어를 크롤링한 후
db에 저장해서 검색 버튼 아래에 기록했다.



예를 들어 python을 검색하면 연관검색어는 아래와 같다.

밑에 실행 화면을 보면 잘 출력되는 것을 알 수 있다.

 

쇼핑몰 페이지 코드를 참고해서 작성했다.

 

처음에 검색어는 출력이 되고 연관검색어는 자꾸 undefined만 떠서 계속 코드를 바꿨다.

 

db를 보면 저장은 잘 되는데 왜 브라우저에선 undefined만 뜨고 

뭐가 문젤까 하면서 몇 시간 고민했는데 변수가 search인데 serach로 입력했었다...ㅎ

 

코드를 비교해주는 사이트에서

프로젝트로 작성한 쇼핑몰 기존 페이지코드와 내가 작성한 코드를 비교하다가 알았다.

(요즘 #을 빼먹거나 변수 스펠링이 틀리거나 let을 안쓰고 어디서 오류난 건지 계속 헤매고 있다.)

 

 

client, server 연결 부분을 잘 몰라서 연습 겸 시도해봤는데 여전히 잘 모르겠다. ㅎㅎ

지금은 쉬운 코드로 작성해서 변수 오타난 거 빼고는 오래 걸리지 않았지만 이해는 못한 것 같다

계속하다보면 코드를 이해할 수 있을까..??

---

 

추가

 

1. transform 속성을 이용해서 마우스를 버튼에 갖다대면 확대되는 기능을 추가했다.

2. 그림자 추가

 

검색어 예시로 작성한 python, java, javascript에 그림자를 넣어봤다.

 

---

 

실행 화면

최종

 

 

참고로

cannot import name 'namedtuple' from 'collections' (~~~ \__init__.py) 라는 에러가 뜨면

keyword.py, module.py 과 같이 기존에 있던 모듈이랑 이름이 충돌해서 에러뜨는 것이다.

왜 이런게 갑자기 뜨지 했더니 keyword.py로 저장 했었다.

그래서 key_word.py로 이름을 수정하여 실행시켰다. 😊

 

출처 : ✅