3-15_ 3์ฃผ์ฐจ ๋ & ์ˆ™์ œ ์„ค๋ช…

2023. 11. 28. 07:38ยท[WEB & AI]/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜
728x90
๋ฐ˜์‘ํ˜•

โ… . ์ด๋ฒˆ ํšŒ์ฐจ ํ•™์Šต ๋ชฉํ‘œ (goal)


1. ๋ฐฐ์šฐ๊ณ ์ž ํ•˜๋Š” ๊ฒƒ

  • ์ง€๋‹ˆ ๋ฎค์ง ์‚ฌ์ดํŠธ์˜ '์ˆœ์œ„, ๊ณก ์ œ๋ชฉ, ๊ฐ€์ˆ˜' ๋ฅผ ์Šคํฌ๋ž˜ํ•‘ ํ•˜๊ธฐ



โ…ก. ํ•ด๋ณด๊ธฐ


1. ํ€ด์ฆˆ ํ’€ ๋•Œ ํžŒํŠธ



2. ์šฐ์„  ์ž‘๋™ํ•˜๋Š” ์ฝ”๋“œ

#jquery_๋ณ€์ˆ˜ํ™œ์šฉ๊ฝ‚์•„์ฃผ๊ธฐ_์˜ˆ์‹œ์ฝ”๋“œ
#jquery_append_์ถ”๊ฐ€๋กœ๋ถ™์ด๊ธฐ_์˜ˆ์‹œ์ฝ”๋“œ

  • strip() ์ฐธ์กฐํ•œ ์‚ฌ์ดํŠธ
    https://codechacha.com/ko/python-string-strip/
  • ์šฐ์„  ์ž‘๋™ํ•˜๋Š” ์ฝ”๋“œ
    import requests
    from bs4 import BeautifulSoup
    

์‹ค์ œ ์‚ฌ๋žŒ์ธ ๊ฒƒ ์ฒ˜๋Ÿผ ํ•ด์ฃผ๋ ค๊ณ  (๋งˆ์น˜, ๋ธŒ๋ผ์šฐ์ €์—์„œ call ์„ ๋‚ ๋ฆฌ๋Š” ๊ฒƒ ์ฒ˜๋Ÿผ ํ•ด์ฃผ๋ ค๊ณ , ์‚ฌ๋žŒ์ธ ๊ฒƒ ์ฒ˜๋Ÿผ ํ•ด์ฃผ๋ ค๊ณ )

headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}

ํ•ด๋‹น url ์—์„œ html ์„ ๋ฐ›์•„์˜จ๋‹ค. (โœ… url ๋ณ€๊ฒฝํ•ด์„œ ์‚ฌ์šฉ)

data = requests.get('https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20210701',headers=headers)

html์—์„œ ์›ํ•˜๋Š” ๋ถ€๋ถ„์„ ์†Ž์•„๋‚ด๊ธฐ ์œ„ํ•ด ์šฐ์„  '์ „์ฒด๋ฅผ ๋‹ด์•„์˜จ๋‹ค.' > ๊ฐ’ ํ™•์ธ

soup = BeautifulSoup(data.text, 'html.parser')

print(soup)

๋ชฉํ‘œ๋Š” '์ˆœ์œ„(rank), ๊ณก ์ œ๋ชฉ(title), ๊ฐ€์ˆ˜(artist)' ์Šคํฌ๋ž˜ํ•‘ > select() ํ•จ์ˆ˜์™€ ์ค‘๋ณต๋˜๋ฏ€๋กœ ์ฃผ์„์ฒ˜๋ฆฌ

rank, title, artist ๊ฐ€์ ธ์˜ค๊ธฐ

rank = soup.select_one('#body-content > div.newest-list > div > table > tbody > tr:nth-child(1) > td.number').text[0:3].strip()

title = soup.select_one('#body-content > div.newest-list > div > table > tbody > tr:nth-child(1) > td.info > a.title.ellipsis').text.strip()

artist = soup.select_one('#body-content > div.newest-list > div > table > tbody > tr:nth-child(1) > td.info > a.artist.ellipsis').text

print(rank, title, artist)

๊ณตํ†ต ๋ถ€๋ถ„ ๊ฐ€์ ธ์˜ค๊ณ  > ๊ฒฐ์ธก๊ฐ’ ์—†์• ์ฃผ๊ณ  > ๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ๋ถ€์กฑํ•œ selector ๋ถ€๋ถ„ ๊ฐ€์ ธ์˜ค๊ธฐ

songs = soup.select('#body-content > div.newest-list > div > table > tbody > tr') # :nth-child(1) ์ด ๋ถ€๋ถ„์€ ๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ๋Œ ๊ฒƒ ์ด๋‹ค.

for song in songs:

a = song.select_one('td.number')

if a != None:
    rank = a.text[0:3].strip()
    # print(rank)

    # title ์ œ๋ชฉ ๋ฝ‘๊ธฐ / ์—ฐ๋ น๋“ฑ๊ธ‰์ œ ๋•Œ๋ฌธ์— text [4:300] ์„ ํ•จ. ์ด๊ฒŒ ์—†์œผ๋ฉด 19๊ธˆ, ์ด๋Ÿฐ๊ฒƒ๋„ ๊ฐ™์ด ๋‚˜์˜ด. 
    title = song.select_one('td.info > a.title.ellipsis').text[4:300].strip()
    # print(title)

    artist = song.select_one('td.info > a.artist.ellipsis').text.strip()
    print(rank, title, artist)

```

  • ๋ฐฐ์šด ๊ฒƒ
    • `# title ์ œ๋ชฉ ๋ฝ‘๊ธฐ / ์—ฐ๋ น๋“ฑ๊ธ‰์ œ ๋•Œ๋ฌธ์— text [4:300] ์„ ํ•จ. ์ด๊ฒŒ ์—†์œผ๋ฉด 19๊ธˆ, ์ด๋Ÿฐ๊ฒƒ๋„ ๊ฐ™์ด ๋‚˜์˜ด.
  • ํŠœํ„ฐ๋‹˜ ์ฝ”๋“œ
    • โœ… ์•„์ง ๋ชป ๋ด„!


3. design critic



โ…ข. ์›น ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๋ ค๋ฉด ์ค‘์š”ํ•œ ๊ฒƒ


์ค‘์š”ํ•œ ๊ฒƒ

  • ์šฐ๋ฆฌ ๋ˆˆ์— ๋ณด์ด๋Š” ๊ฒƒ

    • html, css, javascript
    • ์‚ผํ˜•์ œ
    • 1,2 ์ฃผ์ฐจ
  • ๋ˆˆ์— ๋ณด์ด๋Š” ๊ฒƒ์„ ์ฃผ๋Š” ์นœ๊ตฌ

    • ์„œ๋ฒ„
    • ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด์ธ ํŒŒ์ด์ฌ์„ ๋ฐฐ์›€ (3์ฃผ์ฐจ)
    • (4,5์ฃผ์ฐจ) ์ด์ œ ๋งŒ๋“ ๊ฒƒ ๋“ค์„ ๋งŒ๋‚˜๊ฒŒ ํ•˜๊ธฐ





๐Ÿ’ญ What i learned


-

728x90
๋ฐ˜์‘ํ˜•
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'[WEB & AI] > ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

4-3_Flask ์‹œ์ž‘ํ•˜๊ธฐ - HTMLํŒŒ์ผ ์ฃผ๊ธฐ  (0) 2024.03.25
4-2_Flask ์‹œ์ž‘ํ•˜๊ธฐ - ์„œ๋ฒ„๋งŒ๋“ค๊ธฐ  (5) 2024.01.04
3-14_ Quiz_์›น์Šคํฌ๋ž˜ํ•‘ ๊ฒฐ๊ณผ ์ด์šฉํ•˜๊ธฐ  (2) 2023.11.28
3-13_์›น์Šคํฌ๋ž˜ํ•‘ ๊ฒฐ๊ณผ ์ €์žฅํ•˜๊ธฐ  (1) 2023.11.27
3-12_pymongo๋กœ DB์กฐ์ž‘ํ•˜๊ธฐ  (1) 2023.11.26
'[WEB & AI]/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • 4-3_Flask ์‹œ์ž‘ํ•˜๊ธฐ - HTMLํŒŒ์ผ ์ฃผ๊ธฐ
  • 4-2_Flask ์‹œ์ž‘ํ•˜๊ธฐ - ์„œ๋ฒ„๋งŒ๋“ค๊ธฐ
  • 3-14_ Quiz_์›น์Šคํฌ๋ž˜ํ•‘ ๊ฒฐ๊ณผ ์ด์šฉํ•˜๊ธฐ
  • 3-13_์›น์Šคํฌ๋ž˜ํ•‘ ๊ฒฐ๊ณผ ์ €์žฅํ•˜๊ธฐ
๋ถ€์‹œ๋งค๋‚˜_HA
๋ถ€์‹œ๋งค๋‚˜_HA
๐ŸŒ„ ๋งˆ์Œ์ฑ™๊น€ | ๐Ÿฆพ ์—ฐ์Šต | ๐Ÿฑ‍๐Ÿ Creator | ๐Ÿ“š[stackList] Nodejs, React, Three.js, Javascript, Blockchain, Blender, Unreal, Unity, Python, AI prompting
    ๋ฐ˜์‘ํ˜•
    250x250
  • ๋ถ€์‹œ๋งค๋‚˜_HA
    Hello creators ๐Ÿ™Œ
    ๋ถ€์‹œ๋งค๋‚˜_HA
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (221)
      • [ํ”„๋ก ํŠธ์—”๋“œ(FE) ๊ฐœ๋ฐœ] (feat. ์ฃผ๋‹ˆ์–ด) (8)
        • TIL (4)
        • React Hook Form (2)
        • Git (Github, Gitlab) (1)
      • [WEB & AI] (75)
        • Next YTMusic ํด๋ก  ์ฝ”๋”ฉ (with ne.. (0)
        • ํ”„๋ก ํŠธ&๋ฐฑ์—”๋“œ (15)
        • ์ฝ”๋”ฉ์• ํ”Œ (1)
        • JavaScript (0)
        • ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜ (44)
        • ๋ธ”๋ก์ฒด์ธ ๊ฐœ๋ฐœ์ž ๊ณผ์ •_KGA (7)
        • ์•Œ๊ณ ๋ฆฌ์ฆ˜&์ž๋ฃŒ๊ตฌ์กฐ (1)
        • [AI] (0)
        • AI_Art (0)
        • Python (6)
        • [ํšŒ๊ณ ] (1)
      • [3D & 2D ๊ทธ๋ž˜ํ”ฝ์Šค] (133)
        • 2D ์ด๋ฏธ์ง€ (0)
        • ์†๋งต (4)
        • ๋””์ง€ํ„ธ ํŽ˜์ธํŒ… (8)
        • ๋…ธ๋ง๋งต (17)
        • ์–ธ๋ฆฌ์–ผ_์ž…๋ฌธ (43)
        • ์–ธ๋ฆฌ์–ผ_์ค‘๊ธ‰ (12)
        • ์–ธ๋ฆฌ์–ผ_PBL (1)
        • ์”จํฌ๋””, C4D (2)
        • ์„ญ์Šคํ„ด์Šค (18)
        • ๋งฅ์Šค, 3ds Max (19)
        • World Machine (1)
        • ์ง€๋ธŒ๋Ÿฌ์‰ฌ, Zbrush (6)
        • 3D Coat (2)
        • Unity (0)
      • [๊ธฐํƒ€] (3)
        • [E-Book ์ œ์ž‘] (0)
        • ์ธ๋””์ž์ธ(Indesign) (1)
        • [์ค€๋น„๊ณผ์ •] (1)
      • [์ผ์ƒ] (0)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ๊ฐœ๋ฐœ ์ผ์ง€
    ์ˆ˜์—… ๋ฆฌ๋ทฐ
    ์›น ๊ฐœ๋ฐœ ๊ฐ•์˜
    ๊ฐœ๋ฐœ ๊ฐ•์˜ ์ถ”์ฒœ
    3d ๋ฐฐ๊ฒฝ ๋””์ž์ธ ๊ฐ•์ขŒ
    ๊ฐœ๋ฐœ์ž ๊ฐ•์˜ ์ถ”์ฒœ
    ์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜
    ๋ฉ”ํƒ€๋ฒ„์Šค ํฌ๋ฆฌ์—์ดํ„ฐ ๊ฐ•์ขŒ
    ์–ธ๋ฆฌ์–ผ 4
    ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ
    3D ๋ชจ๋ธ๋ง ๊ฐ•์˜
    3d ๋ฐฐ๊ฒฝ ๋””์ž์ธ ์ž…๋ฌธ
    3d ๋งฅ์Šค ์ž…๋ฌธ ๊ฐ•์˜
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
    ๋ฉ”ํƒ€๋ฒ„์Šค ๋ฐฐ๊ฒฝ ๊ฐ•์ขŒ
    ๊ฐœ๋ฐœ์ž ์ปค๋ฆฌํ˜๋Ÿผ
    ๊ฐœ๋ฐœ ํšŒ๊ณ 
    3ds Max ์ž…๋ฌธ
    ๋ฉ”ํƒ€๋ฒ„์Šค ํฌ๋ฆฌ์—์ดํ„ฐ ์ž…๋ฌธ
    ๋ฉ”ํƒ€๋ฒ„์Šค ๋ฐฐ๊ฒฝ ์ž…๋ฌธ
    css
    3ds Max ๊ฐ•์ขŒ
    ์–ธ๋ฆฌ์–ผ ๊ฐ•์ขŒ
    ๋ฐฐ๊ฒฝ ๋ชจ๋ธ๋ง ๊ฐ•์˜
    ๊ฐœ๋ฐœ์ž ๊ธฐ์ดˆ ๊ฐ•์˜ ์ถ”์ฒœ
    ์›น ๊ฐœ๋ฐœ ๊ธฐ์ดˆ
    JavaScript
    ์›น๊ฐœ๋ฐœ์ข…ํ•ฉ๋ฐ˜ ํ›„๊ธฐ
    3D ๋ชจ๋ธ๋ง ์ž…๋ฌธ
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.3
๋ถ€์‹œ๋งค๋‚˜_HA
3-15_ 3์ฃผ์ฐจ ๋ & ์ˆ™์ œ ์„ค๋ช…
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”