728x90
๋ฐ˜์‘ํ˜•

JavaScript 14

[js] ๋ฐฐ์—ด๋‹ค๋ฃจ๊ธฐ

1. ๋ฐฐ์—ด์˜ ์ฒซ ์š”์†Œ ์‚ญ์ œํ•˜๊ธฐ -> array.shift(); 2. ๋ฐฐ์—ด์˜ ๋งˆ์ง€๋ง‰ ์š”์†Œ ์‚ญ์ œํ•˜๊ธฐ -> array.pop(); 3. ๋ฐฐ์—ด์˜ ์ฒซ ์ธ๋ฑ์Šค์— ๊ฐ’ ์ถ”๊ฐ€ํ•˜๊ธฐ -> array.unshift ( value ); 4. ๋ฐฐ์—ด์˜ ๋งˆ์ง€๋ง‰ ์ธ๋ฑ์Šค์— ๊ฐ’ ์ถ”๊ฐ€ํ•˜๊ธฐ -> array.push( value );

Front/JS & jQuery 2022.11.03

[jQuery] ์„ ํƒ๋œ selectbox์˜ text ๊ฐ€์ ธ์˜ค๊ธฐ

$('text๋ฅผ ๋ถ™์ผ ๊ณณ์˜ ์„ ํƒ์ž').text($('selectbox์˜์„ ํƒ์ž option:selected').text()); option selected๋ฅผ ๋นผ๋ฉด selectbox์˜ ์ „์ฒด ์˜ต์…˜์˜ text๊ฐ’์ด ์„ ํƒ๋œ๋‹ค. .val()์„ ํ•˜๋ฉด text๊ฐ’์ด ์•„๋‹Œ option tag์˜ value๊ฐ’์ด ํ‘œ์‹œ๋œ๋‹ค.

Front/JS & jQuery 2022.08.16

[js] Event.preventDefault()

https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault Event.preventDefault() - Web API | MDN Event ์ธํ„ฐํŽ˜์ด์Šค์˜ preventDefault() ๋ฉ”์„œ๋“œ๋Š” ์–ด๋–ค ์ด๋ฒคํŠธ๋ฅผ ๋ช…์‹œ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ, ํ•ด๋‹น ์ด๋ฒคํŠธ์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ์˜ ๊ธฐ๋ณธ ๋™์ž‘์„ ์‹คํ–‰ํ•˜์ง€ ์•Š๋„๋ก ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. developer.mozilla.org

Front/JS & jQuery 2022.07.06

[js] ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์šฉ์–ด

โœ… ์˜ˆ์•ฝ์–ด / ํ‚ค์›Œ๋“œ : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ด๋ฏธ ๊ธฐ๋Šฅ์ ์œผ๋กœ ์ •์˜๋˜์–ด ์‚ฌ์šฉ๋˜๊ณ  ์žˆ๋Š” ๋‹จ์–ด ex) var, let, cocnst, function, if, for, while, switch โœ… ์‹๋ณ„์ž : ๋ณ€์ˆ˜๋ช…์ด๋‚˜ ํ•จ์ˆ˜๋ช…์ฒ˜๋Ÿผ ์–ด๋–ค ๊ฒƒ๋“ค์˜ ์ด๋ฆ„์„ ์ง€์–ด์ฃผ๋Š” ๊ฒƒ. โžก๏ธ ์˜ˆ์•ฝ์–ด/ ํ‚ค์›Œ๋“œ๋Š” ์‹๋ณ„์ž๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค. ( ์˜๋ฌธ, ์ˆซ์ž, _, $ ๋งŒ ์‚ฌ์šฉ๊ฐ€๋Šฅ ) โžก๏ธ ์‹๋ณ„์ž์˜ ์ฒ˜์Œ์œผ๋กœ ์ˆซ์ž๋Š” ์˜ฌ ์ˆ˜ ์—†์œผ๋ฉฐ ์—ฌ๋Ÿฌ๋‹จ์–ด๋กœ ์—ฐ๊ฒฐ๋˜์–ด์žˆ์„ ๋•Œ ๊ฐ ๋‹จ์–ด์˜ ์ฒซ๋ฌธ์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ์ž‘์„ฑํ•˜๋Š” ์นด๋ฉœ์ผ€์ด์Šค๋ฒ•์— ๋”ฐ๋ผ ์ž‘์„ฑํ•œ๋‹ค. โœ…์—ฐ์‚ฐ์ž : ์–ด๋– ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์  ์ฒ˜๋ฆฌ๋ฅผ ํ•˜๋ผ๋Š” ์˜๋ฏธ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฐ๊ฐ์˜ ๊ธฐํ˜ธ ex) = (๋Œ€์ž…์—ฐ์‚ฐ์ž), + / - (์‚ฐ์ˆ ์—ฐ์‚ฐ์ž) โœ…ํ‘œํ˜„์‹ : ๊ฐ’์œผ๋กœ ํ‰๊ฐ€๋  ์ˆ˜ ์žˆ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ตฌ๋ฌธ ex) 10+20 ( ํ‘œํ˜„์‹ ) , 30 ..

Front/JS & jQuery 2022.06.28

[js] NaN → 0์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๊ธฐ

function addPct(value){ if ( isNaN(value) ) { // ๊ฐ’์ด ์—†์–ด์„œ NaN๊ฐ’์ด ๋‚˜์˜ฌ ๊ฒฝ์šฐ value = 0.0; } return value; } ๋น„์œจ์„ ๊ตฌํ•˜๋Š” ์ฝ”๋“œ์‹์„ ์งœ๊ณ  ์žˆ๋Š”๋ฐ 0 / 0์„ ๊ณ„์‚ฐํ•˜๋‹ˆ ๊ฐ’์ด NaN ์œผ๋กœ ๋œจ๋Š” ๋ฌธ์ œ์ ์ด ๋ฐœ์ƒํ•˜์˜€๋‹ค. ๊ทธ๋ž˜์„œ ๊ณ„์‚ฐ๋œ value๊ฐ’์ด NaN ์ผ ๋•Œ 0.0์œผ๋กœ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•ด์ฃผ๋Š” ๋ฉ”์„œ๋“œ๋ฅผ ์ž‘์„ฑํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์˜€๋‹ค.

Front/JS & jQuery 2022.06.21

[js] json๋ฐฐ์—ด์˜ ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ

ํƒญ์˜ ์—ฌ๋Ÿฌ๋ฉ”๋‰ด ์ค‘์— ์„ ํƒ๋œ ๊ฐ’ ( aํƒœ๊ทธ์˜ id๊ฐ’ ) ์„ ๋ฐ›์•„์„œ -> ํ‚ค๊ฐ’ ํ•ด๋‹น ํ‚ค์˜ value๊ฐ’์„ ๊ฐ€์ ธ์™€ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ ์ „๋‹ฌํ•˜์—ฌ ๋ฉ”์„œ๋“œ๋ฅผ ์‹คํ–‰์‹œํ‚ค๋Š” ๋กœ์ง์„ ์งœ๋ณด์•˜๋‹ค. json๋ฐฐ์—ด [ key๊ฐ’ ] - > json๋ฐฐ์—ด์˜ ๊ฐ’์ด ๋ฐ˜ํ™˜๋œ๋‹ค. function setSearch(){ var Json = { et : "0", bu : "1", to : "2", sg : "3", pl : "4", } const key = btnId; const code = Json[key]; etList( code ); } ๋‚˜์˜ ํฌ์ŠคํŒ… : https://imswengineer.tistory.com/136 [javascript] json๋ฐฐ์—ด์˜ ํ‚ค ๊ฐ’ ๊ตฌํ•˜๊ธฐ - Object.keys() ๋ฐฐ์—ด์˜ ๋ฐ์ดํ„ฐ๋“ค์ด 'ํ‚ค : ๊ฐ’' ํ˜•ํƒœ์ธ jsonํ˜•ํƒœ์ผ ..

Front/JS & jQuery 2022.06.15

[jQuery] .trigger('click') ๊ณผ .on('click')

.trigger('click') ๊ณผ .on('click')์˜ ์ฐจ์ด์ ์€ trigger๋Š” ํด๋ฆญ์ด๋ฒคํŠธ๋ฅผ ๊ฐ•์ œ๋กœ ์‹คํ–‰์‹œํ‚ค๋Š” ๊ฒƒ click๋ง๊ณ ๋„ ์—ฌ๋Ÿฌ๊ฐ€์ง€ event๋“ค์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. $(selector).trigger(event,eventObj,param1,param2,...) ๋‚ด๊ฐ€ ์ง์ ‘์‹คํ–‰ํ•˜์ง€ ์•Š์•„๋„ ๊ฐ•์ œ๋กœ ์ด๋ฒคํŠธ๊ฐ€ ์‹คํ–‰๋œ๋‹ค. https://www.w3schools.com/jquery/event_trigger.asp jQuery trigger() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, ..

Front/JS & jQuery 2022.05.31

[JS] ์—ฌ๋Ÿฌ๊ฐœ์˜ ๊ฐ’ ๋ฆฌํ„ดํ•˜๊ธฐ

๋ฉ”์„œ๋“œ์—์„œ retrun๊ฐ’์„ ์ค„๋•Œ ๋ณต์ˆ˜์˜ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•˜์ง€๋Š” ์•Š๋Š”๋‹ค. ์—ฌ๋Ÿฌ๊ฐœ์˜ ๊ฐ’์„ ๋„˜๊ฒจ์ฃผ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•ด์•ผํ•œ๋‹ค. ์—ฌ๋Ÿฌ๊ฐ’๋“ค์„ ํ•˜๋‚˜์˜ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด์— ๋‹ด์•„์„œ ๋ฆฌํ„ดํ•ด์ฃผ๋ฉด ๋œ๋‹ค๋Š” ๋ง์ด๋‹ค. function getAddAndComplex(num1, num2){ let add = num1 + num2; let complex = num1 * num2; return [add, complex];//๋ฐฐ์—ด์˜ ํ˜•ํƒœ๋กœ ๋ฐ˜ํ™˜ }

Front/JS & jQuery 2022.05.27

[JS] ๋นˆ ๋ฐฐ์—ด๋กœ ์ดˆ๊ธฐํ™”ํ•˜๊ธฐ

1. ๋นˆ๋ฐฐ์—ด ํ• ๋‹นํ•˜๊ธฐ let arr = [1, 2, 3]; arr = []; document.write('arr : ' + arr);// arr : (๋นˆ ๋ฐฐ์—ด) 2. ๋ฐฐ์—ด์˜ ๊ธธ์ด ์„ค์ •์œผ๋กœ ์ดˆ๊ธฐํ™”ํ•˜๊ธฐ let arr = [1, 2, 3]; arr.length = 0; document.write('arr : ' + arr);// arr : (๋นˆ ๋ฐฐ์—ด) 3. splice() ์‚ฌ์šฉ let arr = [1, 2, 3]; arr.splice(0); // ์‹œ์ž‘์ธ๋ฑ์Šค๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์‚ญ์ œํ•œ๋‹ค. document.write('arr : ' + arr); // arr : (๋นˆ ๋ฐฐ์—ด) splice() ํ•จ์ˆ˜ - 3๊ฐœ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ์ž…๋ ฅ ๋ฐ›๋Š”๋‹ค. โœ… ์ฒซ๋ฒˆ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ : ๋ฐฐ์—ด์—์„œ ๋ณ€๊ฒฝ์„ ์‹œ์ž‘ํ•  index โœ… ๋‘๋ฒˆ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ : ์ž…๋ ฅ๋œ ์ˆซ์ž..

Front/JS & jQuery 2022.05.23

[jQuery] .ready() ์™€ .onload() ์˜ ์ฐจ์ด

$(document).ready(function(){ alert('reday'); }); $(window).onload(function(){ alert('onload'); }); ๋‘˜์˜ ์ฐจ์ด์ ์„ ์ดํ•ดํ•˜๋ ค๋ฉด ๋จผ์ € ๋ Œ๋”๋ง์„ ์ดํ•ดํ•ด์•ผ ํ•œ๋‹ค. https://imswengineer.tistory.com/109 ๋ Œ๋”๋ง์ด๋ž€? ์‚ฌ์šฉ์ž๊ฐ€ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ์›น์‚ฌ์ดํŠธ๋ฅผ ์ ‘์†ํ•˜๋ฉด, ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ HTML, CSS๋“ฑ ์›น์‚ฌ์ดํŠธ์— ํ•„์š”ํ•œ ๋ฆฌ์†Œ์Šค๋ฅผ ๋‹ค์šด ๋ฐ›๋Š”๋‹ค. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋งํ•˜๋ ค๋ฉด ๋จผ์ € HTML์ฝ”๋“œ๋Š” DOM, CSS๋Š” CSSOMํŠธ๋ฆฌ๋ฅผ ์ƒ์„ฑ imswengineer.tistory.com ๐Ÿ”ถ $(document).ready โžก๏ธ DOM ํŠธ๋ฆฌ๊ฐ€ ์ƒ์„ฑ ์™„๋ฃŒ๋˜๋ฉด ์‹คํ–‰ ๐Ÿ”ถ $(window).onolad โžก๏ธ ๋ชจ๋“  ํŽ˜์ด์ง€ ํŽ˜์ธํŒ… ์™„๋ฃŒ ํ›„์— ..

Front/JS & jQuery 2022.05.13
728x90
๋ฐ˜์‘ํ˜•