[WIL]23년 1월 1일~7일

웹개발 종합반 3주차

 

1. temp_html 의 용도가 잘 이해되지 않았었는데 이제 이해됐다.

let temp_html = ``         이것의 용도는 결국 틀을 지명하는 것임.

백틱 사이에 html에 써두었던 틀을 가져와서 넣고 그 안에 자세한 값들을 ${ } 요걸 사용해서 구체적으로 정해줌.

물론 자세한 값들은 let temp_html 쓰기 전에 윗줄에서 미리 지명해놓았어야함.

 

2. 데이터를 가지고 올때, .then(res => res.json()) 에서 res.json 뒤에 오는 ()를 빼먹었더니 오류가 났다.

코딩은 역시 한글자 한글자 빼먹어서 생기는 에러가 많은 것 같다. 외울 때 꼼꼼하게 외우는 것도 좋지만, 이렇게 틀려놓고 혼자서 찾아내는 것도 쾌감이 있는 것 같다 ㅋㅋ. 재밌다.

오류는 99% 내탓 ㅋㅋㅋ 그중 98% 정도는 오타 때문인듯 ㅋㅋ

 

3. 별 그림을 넣는 법. (자바스크립트)

우선 지명을 하구. let star_image = '★'.repeat(star)

밑에 temp_html 백틱 속에서도 별모양 들어갈 자리에 ${star_image} 꼭 넣어줘야 한다.

그리구!! 반드시 가져오는 데이터 속에서도 .repeat을 인지할 수 있도록 숫자로 표기되어있어야함. {star: 3}, {star: 4} 이런식으로.

 

4. 데이터를 가져왔으면 무조건 다음줄에서

let rows = data[' '] 지명하고 시작해야된다.

그러고 나야 rows.forEach 돌릴 수 있음.

 

5. 그리고 예시로 나와있는 카드를 지우려면 $('#id로 지명했던 명찰').empty()

 

6. 눈으로만 수업듣고 => 따라서 해보고 => 혼자 기억을 살리면서 해보고

요 순서로 공부하니까 괜찮은 듯. 시간은 좀 오래 걸리지만... 그래도 삼단계에서 혼자 해보고 성공하면 좀 스스로 뿌듯.

근데 코딩은 눈이랑 손으로 기억할게 많은 것 같아서 반복학습을 많이 해야겠다. 딱보니 잘 까먹을삘.

 

7.파이썬 하는 법----------------------------------------------------------------------------------------------------------------------------------------

바탕화면 폴더생성 > pythonprac > vsc에서 파일생성 > hello.py > 확장들어가서 python 쓰고 프로그램 설치

 

파이썬이란? 프로그래밍 언어중 하나.

 

파이썬은 왜 쓸까? 컴퓨터한테 명령을 내리려고.

컴퓨터가 사람이 아니기 때문에 프랑스어, 영어, 중국어가 통하지 않아서 파이썬.

파이썬을 설치한다는 것 = 번역팩을 설치한다는 것. 컴퓨터가 내 말을 알아들을 수 있게.

다시,

 

vsc > 상단바에 터미널 > 새 터미널 > 우하단 플러스 옆에 화살표 펼치면 > 기본 프로필 선택 > Git bash > 우하단 쓰레통 눌러서 터미널 껏다가 > 다시 상단바 새 터미널로 켜면 > 하단에 글씨가 알록달록한 터미널이 생김 > 준비 끝

-------------------------------------------------------------------------------------------------------------------------------------------------------------

이 상태로 상반구 코딩판에 파이썬 언어 배운대로 코딩 하면 됨.

 

- print('hello world')                     > 마우스 우클릭 > 터미널에서 파이썬파일 실행

>>>>>>>>>>>>>>>>>>>>>> 하반구 터미널에 hello world 출력되어 나옴

 

**터미널(terminal)은 정보통신기기에서 데이터를 입력하는 시작점 또는 데이터 처리 결과를 출력하는 끝지점에 있는 장치를 말한다. 시중에서는 콘솔이나 쉘의 의미와 혼용됨. 터미널은 인간과 컴퓨터가 소통하는 단말기임.

 

8.파이썬의 문법은 직관적이다.

 

변수

a=2b=3print(a+b)>>>>>>>>>>>>>>>>>>>>>>>>>5

a='대한'

b='민국'

print(a+b)

>>>>>>>>>>>>>>>>>>>>>>>>>대한민국

 

자료형

a=['사과','배','감']

 

print(a[0])

>>>>>>>>>>>>>>>>>>>>>>>>>>>>사과

 

딕셔너리

a = {'name':'영수'}

이걸 기본으로 줄줄줄줄 써놓기

a = {'name':'영수', 'age':'25'}

 

print(a['name'])

>>>>>>>>>>>>>>>>>>>>>>영수

 

함수

def hey():

  탭

 

파이썬에서는 이렇게 콜론 치고 줄내려서 탭으로 띄는게 규칙.

 

def hey():

   print('헤이!')

 

이렇게 함수 정해놓고

 

hey()            치면

>>>>>>>>>>>>>>>>>>>>>>>>헤이!

라고 나옴. 프린트 헤이가 작동한 것.

 

변수를 받는 함수

def sum(a,b,c):                         a,b,c 세개의 변수를 받는 함수

------------------------------------------------------------------------------------

def sum(a,b,c):

    return a+b+c

 

result = sum(1,2,3)

 

print(result)

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>6

 

조건문

age = 25

 

if age > 20:

    print('성인입니다')

else:

    print('청소년입니다.')

 

반복문

리스트부터 만든다

ages = [5,10,13,23,25,9]

 

for a in ages:

    if a > 20:

         print('성인입니다.')

    else:

         print('청소년입니다.')

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>리스트에 있던 숫자들이 순서대로 a 자리에 들어가며 조건을 적용받게 된다.

청소년

청소년

청소년

성인

성인

청소년

===============================================================파이썬문법끝

9.파이썬 라이브러리 사용법

 

가상환경 venv 라는 게 있다.

라이브러리를 담아두는 공구함!

프로젝트 별로 라이브러리를 담아서 따로 따로 두면 편할테니깐.

 

가상환경 venv = 라이브러리를 담아두는 폴더다.

 

10. venv 만들기

pythonprac 폴더에서 > vsc 우측하단 인터프린터선택 > python3.8.6 64-bit > 터미널에서 파이썬 파일 실행

> 터미널에다가 뭐라고 친다 > python -m venv venv 엔터 > 왼쪽에 venv라고 새로 폴더가 생김

> 다시 우측하단에 3.8.6 누르면 인터프리터에서 venv 누를 수 있게 생김. 누르셈 > 터미널 > 새 터미널

> 터미널에 (venv)가 붙어서 나옴

(venv)란 ** 지금부터는 요 폴더에서 라이브러리를 갖다가 쓰는거야~ 이런 뜻임.

 

11. 라이브러리 깔기 예시

터미널에 pip install requests 엔터

 

12. 며칠 지나서 새로 vsc 켜고 작업할 때,

(1)다시 우측 하단에 venv 켜져 있는지 확인하고

(2)터미널 눌러서 새 터미널

회사에서도 꼭 이렇게 확인 하고 작업해야함.

 

===크롤링**웹에 접속해서 데이터를 솎아내서 가져오다======================================

웹에 접속하는 라이브러리: requests

솎아내는 라이브러리: BeautifulSoup4

 

13. 뷰티풀숲 라이브러리 설치

pip install bs4

 

14. 몽고디비

아이디 만들고 > 크리에이트 클러스터 > aws > 한국 > 만들기

 

15. 몽고db는 저기 있고, 그걸 조작하는 내 컴퓨터와 파이썬은 여기에 있다.

조작하려면!

2개의 라이브러리

1. 파이몽고 pymongo

2. 디엔에스파이썬 dnspython

pip install로 깔고,

 

dbprac.py 생성

 

 

우애애애애애 몽고디비가 에러가 나서 공부하는데 지장이 있었다 ㅜ.ㅜ

pymongo랑 BeautifulSoup 같은 라이브러리들의 태그를 하나하나 외우는건 무리인거같다.

 

그나저나 .text 하고나서 .strip() 하는 경우가 있는데

스트립의 용도는 뭘까??

 

이제 웹사이트의 데이터를 크롤링 할 수 있게 되었다.

아주 기초적인 수준이지만 재미있다.

 

준비물은,,, 일단 뷰티풀숲깔구,,, 뷰티풀숲 기본코드 올리고,

밑에 데이터 가져오는 data = requests.get(' ') 속에 들어있는 유알엘 바꾸고,

 

맨 밑으로 가서

trs = soup.select(' ') 하며 시작한다.

여기 안에는 웹사이트에서 우클릭 > 검사로 알아낸 카피셀렉터의 뿌리를 넣는다.

 

글구 밑에 가서 반복문을 돌리면서 원하는 데이터들을 지명하기 시작하면 됨.

for tr in trs:

    a = tr.select_one( )

 

여기서 .select     나      .select_one 등은 뷰티풀숲의 언어같은데 나중에 좀 알아봐야겠다.

 

암튼 데이터들을 지명하면서 계속

print(지명) 해보면서 내가 원하는 데이터를 제대로 겨냥하고 있는지 꼐속꼐속 확인하면 된다.

 

.