TIL 3 : ๋ฌธ์ž์—ด (JavaScript)
TIL/JavaScript 2021. 7. 21. 23:00

๋ฌธ์ž์—ด (String) ํ•ญ์ƒ read-only ๋งŒ ๊ฐ€๋Šฅํ•˜๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ธ๋ฑ์Šค๋กœ ์ ‘๊ทผ์€ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ๋ฌธ์ž์—ด ์ž์ฒด ๋‚ด์šฉ์„ ๋ฐ”๊ฟ€ ์ˆ˜๋Š” ์—†์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ฌธ์ž์—ด๊ณผ ๋ฌธ์ž์—ด ํ˜น์€ ๋ฌธ์ž์—ด๊ณผ ๋‹ค๋ฅธ ํƒ€์ž…์„ +๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ๋งŒ๋“ค์–ด ๋‚ผ ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๋ฌธ์ž์—ด์ด ์•„๋‹Œ ๊ฒƒ๊ณผ ํ•ฉํ•ด๋„ ๋ชจ๋“  ๋ถ€๋ถ„์ด ๋ฌธ์ž์—ด๋กœ ๋ฐ”๋€๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ, +๋Œ€์‹  concat์„ ์ด์šฉํ•ด๋„ ๋œ๋‹ค๊ณ  ํ•˜๋„ค์š”! ์ดํ›„ ๋ฌธ์ž์—ด๊ณผ ๊ด€๋ จํ•œ ์†์„ฑ(Property)๊ณผ ๋ฉ”์„œ๋“œ(Method)๋ฅผ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์†์„ฑ์œผ๋กœ๋Š” length๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฉ”์†Œ๋“œ๋Š” ์ข€ ๋งŽ์•„์„œ ๊ฐ ๋ฉ”์„œ๋“œ๋งˆ๋‹ค ๋”ฐ๋กœ ์ •๋ฆฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. indexOf str.indexOf(searchValue) arguments: ์ฐพ๊ณ ์ž ํ•˜๋Š” ๋ฌธ์ž์—ด ์ฒ˜์Œ์œผ๋กœ ์ผ์น˜ํ•˜๋Š” ์ธ๋ฑ์Šค์˜ ์œ„์น˜๋ฅผ ๋‚˜ํƒ€๋‚ด ์ค๋‹ˆ๋‹ค. ์ฐพ๊ณ ์ž ํ•˜๋Š” ๋ฌธ์ž์—ด์ด ..

TIL 2 (4) : ์กฐ๊ฑด๋ฌธ (JavaScript)
TIL/JavaScript 2021. 7. 20. 21:09

์กฐ๊ฑด๋ฌธ (Conditionals) ์กฐ๊ฑด ์ถฉ์กฑ ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จํ•˜๋Š” ๊ธฐ๋Šฅ ๊ฐ€์ง. ๊ผญ ๋น„๊ต ์—ฐ์‚ฐ์ž(comparison operator)๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. (>, =,

TIL 2 (3) : ํ•จ์ˆ˜ (JavaScript)
TIL/JavaScript 2021. 7. 20. 18:32

ํ•จ์ˆ˜ (function) ์ง€์‹œ์‚ฌํ•ญ๋“ค(์ฝ”๋“œ)์˜ ๋ฌถ์Œ. ์ž…๋ ฅ๊ฐ’๊ณผ ์ถœ๋ ฅ๊ฐ’ ์‚ฌ์ด์˜ ๊ด€๊ณ„๋ผ๊ณ  ์ƒ๊ฐํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ํ•จ์ˆ˜์˜ ํŠน์ง•์œผ๋กœ ๋ฐ˜๋“œ์‹œ ๋ฌด์–ธ๊ฐ€๋ฅผ ์ถœ๋ ฅ(return)ํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ถœ๋ ฅ๊ฐ’์ด ์—†๋”๋ผ๋„ undefined๋ฅผ return ํ•ฉ๋‹ˆ๋‹ค. 1. ์„ ์–ธ (declaration) ์„ ์–ธ ๋ฐฉ๋ฒ•์—๋Š” ํฌ๊ฒŒ ์„ธ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ ์–ธ์„ ์œ„ํ•ด์„œ๋Š” keyword, name, parameter, body๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ํ•จ์ˆ˜ ์„ ์–ธ์‹ function getRectangleArea(width,height) { let rectangleArea=(width*height); return rectangleArea }โ€‹ ํ•จ์ˆ˜ ํ‘œํ˜„์‹ let getRectangleArea=function(width,height) { let rectangleArea=..

TIL 2 (2) : ํƒ€์ž… (JavaScript)
TIL/JavaScript 2021. 7. 20. 18:31

ํƒ€์ž… (Type) ๋ณ€์ˆ˜์˜ ํ˜•ํƒœ. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์›์‹œ์ž๋ฃŒํ˜•๊ณผ ์ฐธ์กฐ์ž๋ฃŒํ˜•์œผ๋กœ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๊ตฌ๋ถ„์„ ํ•˜๋Š” ์ด์œ ๋Š” ๋ฐ์ดํ„ฐ ํฌ๊ธฐ๊ฐ€ ๊ณ ์ •์ ์ด์–ด์•ผ ํ•  ๋•Œ๊ฐ€ ์žˆ๊ณ , ๋ณ€๋™์ ์ด์–ด์•ผ ํ•  ๋•Œ๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ์ž๋ฃŒํ˜• ์•ˆ์— ์—ฌ๋Ÿฌ ํƒ€์ž…๋“ค์ด ์žˆ๋Š”๋ฐ ๊ฐ ํƒ€์ž…๋งˆ๋‹ค ๋‹ค๋ฅธ ์†์„ฑ๊ณผ ๋ฉ”์†Œ๋“œ(๋™์ž‘)๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์›์‹œ์ž๋ฃŒํ˜• (primitive data): method๋ฅผ ๊ฐ€์ง€์ง€ ์•Š๊ณ  ๊ฐ์ฒด๊ฐ€ ์•„๋‹Œ 6๊ฐ€์ง€์˜ ํƒ€์ž… string(๋ฌธ์ž์—ดํ˜•, ์ด ๊ฒฝ์šฐ์—๋งŒ ๋”ฐ์˜ดํ‘œ ์‚ฌ์šฉ), number(์ˆซ์žํ˜•), boolean(๋ถˆ๋ฆฌ์–ธํ˜•, True/False), undefined(๋ณ€์ˆ˜์— ๊ฐ’์ด ์—†๋Š” ๊ฒฝ์šฐ๋„ ํƒ€์ž…์˜ ์ผ์ข…), bigint, symbol ์žˆ์Šต๋‹ˆ๋‹ค. ์›์‹œ์ž๋ฃŒํ˜•์€ ๋ณด๊ด€ํ•จ์˜ ํฌ๊ธฐ๊ฐ€ ๊ณ ์ •์ ์ด์–ด์„œ ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๋งŒ ๋‹ด์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฐธ์กฐ์ž๋ฃŒํ˜•: ์›์‹œ์ž๋ฃŒ..

TIL 2 (1) : ๋ณ€์ˆ˜ (JavaScript)
TIL/JavaScript 2021. 7. 20. 18:30

๋ณ€์ˆ˜ (Variable) ์ผ์ข…์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•. ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๊ด€ํ•˜๋Š” ๊ณณ์„ '๋ฉ”๋ชจ๋ฆฌ'๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ๋ฉ”๋ชจ๋ฆฌ์˜ ํฌ๊ธฐ๋Š” ๋™์ผํ•œ๋ฐ, ๊ฐ๊ฐ์˜ ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ๊ตฌ๋ถ„ํ•ด์ฃผ๋ ค๋ฉด ์ด๋ฆ„์ด ํ•„์š”ํ•˜๊ฒ ์ฃ . ์ด๋•Œ์˜ ์ด๋ฆ„์ด '๋ณ€์ˆ˜'์ž…๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๊ฐ๊ฐ์˜ ๋ฉ”๋ชจ๋ฆฌ์— ๋ณ€์ˆ˜๊ฐ€ ์žˆ์œผ๋ฉด ์–ผ๋งˆ๋“ ์ง€ ๋ณ€์ˆ˜๋ฅผ ํ™œ์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด๋ฆ„(๋ณ€์ˆ˜๋ช…)์—๋Š” ๊ณต๋ฐฑ์„ ์“ธ ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ๋ณดํ†ต ๋‹จ์–ด์˜ ์ฒซ ๊ธ€์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ํ•ด์„œ ๊ตฌ๋ถ„ํ•ฉ๋‹ˆ๋‹ค. ์ƒ๊น€์ƒˆ๊ฐ€ ๋‚™ํƒ€ ๋“ฑ ๋ชจ์–‘์ฒ˜๋Ÿผ ์ƒ๊ฒจ Camel Case๋ผ๊ณ  ๋ถ€๋ฅด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ex) getTriangleArea ๋ณ€์ˆ˜ ์„ ์–ธ(Declaration): ๋ฉ”๋ชจ๋ฆฌ์— ์ด๋ฆ„ ๋ถ™์—ฌ์ฃผ๊ธฐ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐฉ์‹์€ ํฌ๊ฒŒ 3๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 1) var 2) let 3) const ์ฐธ์กฐ) ๋ณ€์ˆ˜์„ ์–ธ๋ฐฉ์‹ ์ฐจ์ด https://velo..

TIL 1: ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ/์ˆ˜๋„์ฝ”๋“œ/์ฝ”๋“œ ์Šค๋‹ˆํŽซ/SQ3R
TIL/JavaScript 2021. 7. 19. 16:03

ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ (Pair Programming) ์ง๊ฟ๊ณผ ํ•จ๊ป˜ ํ•˜๋Š” ์ฝ”๋”ฉ. ๊ฐœ๋ฐœ์ž์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋Šฅ๋ ฅ์„ ํ‚ค์›Œ์ฃผ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ. ์งง์€ ์‹œ๊ฐ„์ด์—ˆ์ง€๋งŒ ์ฝ”๋”ฉ์„ ํ•  ๋•Œ ๋ˆ„๊ตฐ๊ฐ€์™€ ํ•จ๊ป˜ ํ•  ์ˆ˜ ์—†์–ด ๋‹ต๋‹ตํ•œ ๊ฒฝํ—˜์ด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ์œ ํŠœ๋ธŒ๋‚˜ ๋ธ”๋กœ๊ทธ์— ์ˆ˜๋งŽ์€ ์ž๋ฃŒ๋“ค์ด ์žˆ์—ˆ์ง€๋งŒ, ์–ด๋””์„œ๋ถ€ํ„ฐ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ด์•ผ ํ• ์ง€์— ๋Œ€ํ•ด ๋ง‰๋ง‰ํ•จ์ด ์žˆ๊ธฐ๋„ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋น„์ „๊ณต์ž๋กœ์„œ ๋ˆ„๊ตฌ์—๊ฒŒ ์‰ฝ์‚ฌ๋ฆฌ ๋ฌผ์–ด๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋„ ์—†์—ˆ๊ณ ์š”... ์•ž์œผ๋กœ๋Š” ์ด ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ ๊ทน ํ™œ์šฉํ•˜์—ฌ ์ €๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํŽ˜์–ด๋ถ„๋“ค๋„ ๋‹จ๊ธฐ๊ฐ„์— High Developer๊ฐ€ ๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค! ์ˆ˜๋„์ฝ”๋“œ (Pseudo Code) ์‚ฌ๋žŒ์˜ ์–ธ์–ด๋กœ ์ž‘์„ฑํ•œ ์ฝ”๋“œ. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋กœ ๋ฐ”๋กœ ์ž‘์„ฑํ•˜๊ธฐ๋ณด๋‹ค๋Š” ์‚ฌ๋žŒ์˜ ์–ธ์–ด๋กœ ๋จผ์ € ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ. ๋ถ€ํŠธ์บ ํ”„ ์‹œ์ž‘ ์ „, 3์ผ๊ฐ„ ํŒŒ์ด์ฌ ๊ธฐ์ดˆ 100์ œ ๋ฌธ์ œ๋ฅผ ..