์ „์ฒด ๊ธ€

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ | ์›น์Šคํฌ๋ž˜ํ•‘(ํฌ๋กค๋ง) | DB | mongoDB

ํฌ๋กค๋ง · Web์ƒ์— ์กด์žฌํ•˜๋Š” Contents๋ฅผ ๊ทธ๋Œ€๋กœ ๊ฐ€์ ธ์™€์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋งŒ ์ถ”์ถœํ•˜๋Š” ๊ธฐ๋ฒ• # ํฌ๋กค๋ง ๊ธฐ๋ณธ ์„ธํŒ… import requests from bs4 import BeautifulSoup 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'} data = requests.get('url ์ž…๋ ฅ',headers=headers) soup = BeautifulSoup(data.text, 'html.parser') # BeautifulSoup ์‚ฌ์šฉ๋ฒ• import requests from bs4 import..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ | jQuery | Ajax

jQuery · HTML์˜ ์š”์†Œ๋“ค์„ ์กฐ์ž‘ํ•˜๋Š”, ํŽธ๋ฆฌํ•œ Javascript๋ฅผ ๋ฏธ๋ฆฌ ์ž‘์„ฑํ•ด๋‘” ๊ฒƒ (๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ) # jQuery import ํ•˜๊ธฐ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” jQuery 1. Input ๋ฐ•์Šค์˜ ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ : $( '#id๊ฐ’' ).val( '๋‚ด์šฉ' ) → id๊ฐ’์— jQuery๋ฅผ ์ ์šฉํ•  ๊ฒƒ์ธ๋ฐ, ๊ทธ value๋ฅผ ๋„ฃ๊ณ  ์‹ถ๋‹ค๋Š” ์˜๋ฏธ $( '#id๊ฐ’' ).val() → id๊ฐ’์˜ value๋ฅผ ๊ฐ€์ ธ์˜ค๊ธฐ 2. div ๋ณด์ด๊ธฐ / ์ˆจ๊ธฐ๊ธฐ : $( '#id๊ฐ’' ).show() → div ๋ณด์ด๊ธฐ $( '#id๊ฐ’' ).hide() → div ์ˆจ๊ธฐ๊ธฐ 3. ํƒœ๊ทธ ๋‚ด html ์ž…๋ ฅํ•˜๊ธฐ : $( '#id๊ฐ’' ).append(๋ณ€์ˆ˜) → ๋ณ€์ˆ˜์˜ ๋ฌธ์ž์—ด์„ htmlํ™” ์‹œ์ผœ์ค€๋‹ค ex. Ajax · jQuery๋ฅผ importํ•œ ํŽ˜์ด์ง€์—์„œ๋งŒ ๋™์ž‘..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

ํŒฌ๋ช…๋ก ๋งŒ๋“ค๊ธฐ

๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ ์‹ค์Šตํ•˜๋ฉด์„œ ๋งŒ๋“ค์–ด๋ณธ ์›นํ™”๋ฉด์ด๋‹ค. ์ฒ˜์Œ์œผ๋กœ ์ œ๋Œ€๋กœ๋œ HTML์„ ๋‹ค๋ค„๋ณด์•˜๋Š”๋ฐ ์•ฑ๋ณด๋‹ค ๋” ์ฆ‰๊ฐ์ ์œผ๋กœ ๋ณ€ํ™”ํ•˜๋Š”๊ฒŒ ์ž˜ ๋ณด์—ฌ์„œ ๋„ˆ๋ฌด ์žฌ๋ฏธ์žˆ์—ˆ๋‹ค. ์š”์ฆ˜ IVE์— ๋น ์ ธ์„œ IVE ํŒฌ๋ช…๋ก์„ ๋งŒ๋“ค์–ด๋ณด์•˜๋‹ค. ์•„์ง ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ํ™”๋ฉด์ด ๋„˜์–ด๊ฐ€๋Š” ๊ฒƒ๊นŒ์ง€๋Š” ์•ˆ๋˜์ง€๋งŒ ๋นจ๋ฆฌ ๊ณต๋ถ€ํ•ด์„œ ํ•˜๋‚˜์˜ ์™„๋ฒฝํ•œ ๋‚˜๋งŒ์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค. ์œ„ ํ™”๋ฉด์˜ ์ฝ”๋“œ์ด๋‹ค. IVE ํŒฌ๋ช…๋ก ๋‹‰๋„ค์ž„ ์‘์›๋Œ“๊ธ€ ์‘์› ๋‚จ๊ธฐ๊ธฐ ์ด๋ฒˆ ์•จ๋ฒ” ๋…ธ๋ž˜ ๋„ˆ๋ฌด ์ข‹์•„์š”! ๋‹คํ˜œ ๋‹ค๋“ค ๋„ˆ๋ฌด ์˜ˆ๋ป์š”! DahyeKim ๋งค๋ ฅ์žˆ์–ด์š”:) ๋‹คํ—ค

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ | ๊ฐœ๋ฐœ ๊ธฐ์ดˆ | ํƒœ๊ทธ

HTML (๋ผˆ๋Œ€ ์—ญํ• ) ๊ธฐ๋ณธ์ ์œผ๋กœ head์™€ body๋กœ ๊ตฌ์„ฑ์ด ๋œ๋‹ค ๋Œ€ํ‘œ์ ์ธ HTML ํƒœ๊ทธ -- ๊ตฌ์—ญ์„ ๋‚˜๋ˆ„๋Š” ํƒœ๊ทธ -- ห™ ๊ตฌ์—ญ์„ ๋‚˜๋ˆˆ๋‹ค ห™ ๋ฌธ๋‹จ์„ ๋‚˜๋ˆˆ๋‹ค ห™ bullet point -- ๊ตฌ์—ญ ๋‚ด ์ฝ˜ํ…์ธ  ํƒœ๊ทธ -- ห™ ์ œ๋ชฉ์„ ๋‚˜ํƒ€๋‚ด๋Š” ํƒœ๊ทธ ห™ ์†Œ์ œ๋ชฉ ํƒœ๊ทธ ห™ h3~h6๋„ ๊ฐ์ž์˜ ์—ญํ• ์ด ์žˆ๋‹ค(๊ธ€์”จ ์‚ฌ์ด์ฆˆ๋ณ„) ห™ span ํƒœ๊ทธ: ํŠน์ • ๊ธ€์ž๋ฅผ ๊พธ๋ฐ€ ๋•Œ ์‚ฌ์šฉ ห™ a ํƒœ๊ทธ: http://naver.com/"> ํ•˜์ดํผ๋งํฌ ห™ image ํƒœ๊ทธ: " /> ห™ input ํƒœ๊ทธ: ห™ button ํƒœ๊ทธ: ๋ฒ„ํŠผ์ž…๋‹ˆ๋‹ค ห™ textarea ํƒœ๊ทธ: text ์ž…๋ ฅ! CSS (๊พธ๋ฏธ๊ธฐ ์—ญํ• ) ห™ ์•ˆ์— ๋กœ ๊ณต๊ฐ„์„ ๋งŒ๋“ค์–ด ์ž‘์„ฑํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, mytitle์ด๋ผ๋Š” ํด๋ž˜์Šค๋ฅผ ๊ฐ€๋ฆฌํ‚ฌ ๋•Œ .mytitle{...} ๋ผ๊ณ  ์จ์ค˜์•ผ ํ•จ! ์ž์ฃผ ์‚ฌ์šฉํ•˜..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

[์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ ๋ฅดํƒ„์ฆˆ 1๊ธฐ] 2์ฃผ์ฐจ ๋ฏธ์…˜

โ–ถ ๋” ๋งŽ์€ ์ •๋ณด๋ฅผ ์•Œ๊ณ ์‹ถ๋‹ค๋ฉด?โ—€ ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ํ™ˆํŽ˜์ด์ง€ : https://spartacodingclub.kr ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ๋ธ”๋กœ๊ทธ : https://blog.naver.com/spartacoding ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ์ธ์Šคํƒ€๊ทธ๋žจ : @spartacodingclub

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

[์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ ๋ฅดํƒ„์ฆˆ 1๊ธฐ] 1์ฃผ์ฐจ ๋ฏธ์…˜

โ–ถ ๋” ๋งŽ์€ ์ •๋ณด๋ฅผ ์•Œ๊ณ ์‹ถ๋‹ค๋ฉด?โ—€ ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ํ™ˆํŽ˜์ด์ง€ : https://spartacodingclub.kr ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ๋ธ”๋กœ๊ทธ : https://blog.naver.com/spartacoding ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ์ธ์Šคํƒ€๊ทธ๋žจ : @spartacodingclub

Dhey
dh.log