javascript 3

javascript (Vanilla JS) - jQuery ์ง€์–‘ํ•˜๊ธฐ

Vanlia javascript๋ž€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‚˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์“ฐ์ง€ ์•Š์€ ์ˆœ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์ด๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์—†์œผ๋‹ˆ ์†๋„๋„ ๋‹น์—ฐ ๋น ๋ฅด๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์—†์–ด์„œ ๋””๋ฒ„๊น…ํ• ๋•Œ๋„ ํŽธํ•˜๋‹ค. ์ฒ˜์Œ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๋ฉด์„œ ๋ฐ”๋กœ ์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ๊ฒŒ ์ œ์ผ ์ต์ˆ™ํ–ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋ช‡๋…„ ์ „๋ถ€ํ„ฐ ์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์ง€์–‘ํ•˜์ž๋Š” ๊ธ€์„ ๋งŽ์ด ๋ดค๋Š”๋ฐ ์—…๋ฌด์ ์œผ๋กœ๋Š” ์•„์ง ์“ฐ๊ธฐ๋•Œ๋ฌธ์— ๋†“์ง€ ๋ชปํ–ˆ๋‹คใ… ใ…  ์ด๋ฒˆ์— ๊ฐœ์ธ์ ์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋Š”๋ฐ ์ œ์ด์ฟผ๋ฆฌ๋กœ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค๊ณ  ๋ฐ”๋‹๋ผjs๋กœ ๋ฐ”๊พธ๋Š”๊ฑธ ํ•˜๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ.. ์ฒ˜์Œ๋ถ€ํ„ฐ ๋ฐ”๋‹๋ผjs๋กœ ํ•˜๋Š”๊ฒŒ ๋‚ซ๋‹ค๊ณ  ํŒ๋‹จ์ด ๋˜์–ด์„œ ์‹œ์ž‘ํ•ด๋ดค๋‹ค! ์ œ์ด์ฟผ๋ฆฌ๋Š” ์…€๋ ‰ํ„ฐ๊ฐ€ ๋„ˆ๋ฌด ํŽธํ–ˆ์–ด์„œ ์ฒ˜์Œ์— ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ž‘์„ฑํ–ˆ์„ ๋•Œ, document.querySelector~ ๋ฅผ ์“ฐ๋Š”๊ฒŒ ์ ์‘์ด ์•ˆ๋๋‹ค. ๊ทธ๋ฆฌ๊ณ  click์ด๋ฒคํŠธ ์ค„๋•Œ๋„ addEventListene..

Javascript 2021.07.27

[javascript] ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ substr / substring / slice / splice / split

javascript์—์„œ ๋ฌธ์ž์—ด, ๋ฐฐ์—ด์„ ์ž๋ฅด๋Š” ๋ฉ”์†Œ๋“œ๋กœ๋Š” substr / substring / slice / splice / split ๋‹ค์„ฏ๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค. 1. substr : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๊ธธ์ด(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ 2. substring : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๋ ์ธ๋ฑ์Šค(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ 3. slice : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๋ ์ธ๋ฑ์Šค(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ๋˜๋Š” ๋ฐฐ์—ด ์ž๋ฅด๊ธฐ 4. splice : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๊ธธ์ด(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฐฐ์—ด ์ž๋ฅด๊ธฐ 5. split : ๋ฌธ์ž์—ด์„ ๋‚˜๋ˆŒ ๊ตฌ๋ถ„์ž์™€, ์ž˜๋ผ์ง„ ๋ฌธ์ž์—ด์˜ ์ตœ๋Œ€ ๊ฐฏ์ˆ˜(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ const str = 'Hello, world!'; const arr = [0, 1, 2, 3, 4, 5]; const ..

Javascript 2021.06.06

React - Movie App ๋งŒ๋“ค๊ธฐ (1)

React์— ๋Œ€ํ•ด ์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๋Š” ์ƒํƒœ์—์„œ ๋…ธ๋งˆ๋“œ์ฝ”๋”์˜ Movie App ๋งŒ๋“ค๊ธฐ ๋ฌด๋ฃŒ๊ฐ•์˜๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ๊ฐ•์˜์ฃผ์†Œ : https://nomadcoders.co/react-fundamentals/lectures/1540 All Courses – ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders ์ดˆ๊ธ‰๋ถ€ํ„ฐ ๊ณ ๊ธ‰๊นŒ์ง€! ๋‹ˆ๊ผฌ์Œค๊ณผ ํ•จ๊ป˜ ํ’€์Šคํƒ์œผ๋กœ ์„ฑ์žฅํ•˜์„ธ์š”! nomadcoders.co node js, vscode, git ์„ค์น˜ํ•˜๊ธฐ https://ddoni-code.tistory.com/2?category=1065827 Vue.js - (๊ฐœ๋ฐœํ™˜๊ฒฝ์…‹ํŒ…) Node.js / Visual Studio Code ํ•œ๊ธ€ํ™” / vue.js devtools ์„ค์น˜ OS : Window10 , Browser : Chrome Node.js ์„ค์น˜ 1. ht..

React 2021.05.20