๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ
![[์๋ฐ์คํฌ๋ฆฝํธ ์ค๊ธ] call, apply, bind](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbIjl2v%2FbtrxEFp8P2d%2FAAAAAAAAAAAAAAAAAAAAACZ6sa6sr34W1XdIibBVPaC1_oxhwOm_46dienx-SpIm%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DuBICvOcIvANBM64wcEQzyTItCEY%253D)
[์๋ฐ์คํฌ๋ฆฝํธ ์ค๊ธ] call, apply, bind
https://youtu.be/KfuyXQLFNW4 call, apply, bind ์๋ฐ์คํฌ๋ฆฝํธ์์์ ํจ์ ํธ์ถ ๋ฐฉ์ function add(a: number, b: number): number { return a + b; } console.log(add(10, 20)); console.log(add.apply(null, [10, 20])); console.log(add.call(null, 10, 20)); console.log(add.bind(null, 10, 20)()); call, apply, bind : ํจ์ ํธ์ถ ๋ฐฉ์๊ณผ ๊ด๊ณ์์ด this๋ฅผ ์ง์ ํ ์ ์์ javascript์ ํจ์๋ ๊ฐ์ ์์ ๋ง์ this๋ผ๋ ๊ฒ์ ์ ์ํ๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก this๋ window์ด์ง๋ง this๋ ๊ฐ์ฒด ๋ด๋ถ, ๊ฐ์ฒด ๋ฉ..

ํ์ ์คํฌ๋ฆฝํธ ๋ง๋ณด๊ธฐ
https://youtu.be/e_lU39U-5bQ *์๋ฆฌ๋ ์์ ์บก์ฒ์ ๋๋ค. function ํจ์๋ช (๋งค๊ฐ์ธ์ : ํ) : ๋ฐํํ{ //์๋ฌด์ฝ๋ return ๋ฐํํ์ ๋ง๋ ์๋ฃํ; } }
![[1๋ถ ์ฝ๋ฉ] CSS ๋ ์ด์์ ํต์ฌ](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fou1Ef%2FbtrxkMDyOgX%2FAAAAAAAAAAAAAAAAAAAAANwllfcpWmf2ZzT_KXWgn4eTGqqPPu1LcZveU9EAxWLA%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3D4rPqHG4ZfzauJOPtOwoa8IawVCQ%253D)
[1๋ถ ์ฝ๋ฉ] CSS ๋ ์ด์์ ํต์ฌ
https://youtu.be/Zny5Vxqk6Mk ** ํด๋น ์ ํ๋ธ ๊ฐ์ข๋ฅผ ๋ณด๊ณ ํ์ตํ ๊ฒฐ๊ณผ๋ฅผ ํฌ์คํ ์ผ๋ก ๋จ๊น๋๋ค. 1. block, inline, inline-block, none display: block => '๋ฐ์ค'๋ผ๊ณ ์๊ฐํ๋ฉด ๋จ. ๋ถ๋ชจ์ ํฌ๊ธฐ์์ ์ปจํ ์ธ ๊ฐ ํฌํจ๋ ํด๋น ๋ฐ์ค๋ผ์ธ ๊ฝ ์ฑ์ display: inline => ์ปจํ ์ธ ํฌ๊ธฐ ์์ฒด๋ง์ ์ฐจ์ง div, section : ์๋ฆฌ๋จผํธ ์ถ๋ ฅํ์๋ง์ ์ค๋ฐ๊ฟ a, span, img : ํ ์คํธ๋งํผ ์ถ๋ ฅ ํ ์ค๋ฐ๊ฟ ์์ด ๋๋ํ ๋ถ์ inline์ ๋ฐ์ค๊ฐ ์๋๊ธฐ ๋๋ฌธ์ ์๋๊ฐ ํฌ๊ธฐ ์กฐ์ ์ด ๋ถ๊ฐ๋ฅํ๋ค! block์ ๋ฐ์ค์ด๋ฏ๋ก ํฌ๊ธฐ ์กฐ์ ์ด ๊ฐ๋ฅํ๋ค. โญ๏ธ๊ทธ๋ฌ๋ฏ๋ก ๋ณดํต์ ๋ ์ด์์์ 2๋จ, 3๋จ ๋ฑ ์ปฌ๋ผ(์ ๋ชฉ๋ฐ์ค, ๊ธ๋ฐ์ค, ์ด๋ฏธ์ง๋ฐ์ค... etc)์ผ๋ก ์ด๋ฃจ์ด์ง๊ณ ,..
![๊ตฌ๊ธ ํํ์ด์ง ํด๋ก ์ฝ๋ฉ[์ ํ๋ฒ ์กฐ์ฝ๋ฉ๋]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FuVCkj%2FbtrBrsgfl8R%2FAAAAAAAAAAAAAAAAAAAAABHCk5VHCsaYfWremcx9J5-5o8oXN72NwhpVVu7jw5iz%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DAfp0xXJf4wrt6yNxaIkZWetfXg8%253D)
๊ตฌ๊ธ ํํ์ด์ง ํด๋ก ์ฝ๋ฉ[์ ํ๋ฒ ์กฐ์ฝ๋ฉ๋]
https://youtu.be/_YrXKxY8PTY CSS :nth-child() Selector (w3schools.com) CSS :nth-child() Selector W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com Example How to use the :nth-child() selector: /* Selects the second element of div si..

node.js ์ด์ฉํด์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ํ๋ก์ ํธ ์์ฑํ๊ธฐ
์ฐธ๊ณ : [Node.js ์ฝ๋๋ฉ] 1.์ค๋ฆฌ์ํ ์ด์ | ๊น์ ํ ๋ธ๋ก๊ทธ (jeonghwan-kim.github.io) ํ๋ก ํธ์๋ ๊ฐ๋ฐํ๊ฒฝ์ ์ดํด: NPM | ๊น์ ํ ๋ธ๋ก๊ทธ (jeonghwan-kim.github.io) 1. ๊ฐ๋ฐ์ ์งํํ ์ ๋นํ ๋นํด๋ ํ๋ ๋ง๋ค๊ธฐ ์๋ ์์๋๋ก ์์ฑํ๊ธฐ npm init ํ๋ก์ ํธ ์์ฑ ๋ช ๋ น์ด๋ก, ํ๋ก์ ํธ์ ๋ฉํ ์ ๋ณด๋ฅผ ์ ๋ ฅํ ์ ์๋ ํ๋ฉด์ด ์ ๊ณต๋๋ค. ์๋์ ๊ฐ์ด ๋ฌ๋ค npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for d..
![[๊ธฐ์ด ์๋ฐ์คํฌ๋ฆฝํธ] ๋๋ฆผ์ฝ๋ฉ by ์๋ฆฌ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด ๊ฐ์ (ES5+) ์๋ฆฌ์ฆ ์ ์ฃผํ ๊ธฐ๋ก](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbdsJWY%2Fbtrw6V1VIjz%2FAAAAAAAAAAAAAAAAAAAAAMH71PFsk8_tsAFKcLbFNEcxCC2e7QsFoTR8xrC88ns4%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DOuFaptIOcKgZJzK3IvjK2UTpqD8%253D)
[๊ธฐ์ด ์๋ฐ์คํฌ๋ฆฝํธ] ๋๋ฆผ์ฝ๋ฉ by ์๋ฆฌ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด ๊ฐ์ (ES5+) ์๋ฆฌ์ฆ ์ ์ฃผํ ๊ธฐ๋ก
https://youtu.be/tJieVCgGzhs ** ์๋ฆฌ๋ ์์ ๋ด์ฉ + ๊ฐ์ธ์ ์ผ๋ก ํ์ตํ ๋ถ๋ถ์ ์์ด ํฌ์คํ ์ ์์ฑํ๋ฏ๋ก, ์์ ํ๋ฆ ๋ฐ ๋ด์ฉ๊ณผ ํฌ์คํ ์ด ์์ ํ๊ฒ ์ผ์นํ์ง๋ ์์ต๋๋ค. (์ฝํ ์ธ ์ค๋ฅ ์ง์ ํ์) ํต์ฌ ๊ฐ๋ : 'defer' ์ 'use strict' ์๋ฐ์คํฌ๋ฆฝํธ ๊ณต์์ฌ์ดํธ๋ ์ดํฌ๋ง http://ecma-international.org/ Welcome to Ecma International Welcome Ecma International is an industry association founded in 1961, dedicated to the standardization of information and communication systems. We are also here: Si..
![[์ค๊ธ ์๋ฐ์คํฌ๋ฆฝํธ] ์ฌ๋ณผ](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbrD5nu%2Fbtrxb9q62q2%2FAAAAAAAAAAAAAAAAAAAAAPhrg936FVe3mwInRw6GYXzrBDbUZgtELu-TpD3p3Zll%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3Drk6Rf7R1W6ZjYHmRauX7B29yWIg%253D)
[์ค๊ธ ์๋ฐ์คํฌ๋ฆฝํธ] ์ฌ๋ณผ
https://youtu.be/4_WLS9Lj6n4 **์ฝ๋ฉ์๋ง๋์ ์ ํ๋ธ ๋ฌด๋ฃ ๊ฐ์ข๋ฅผ ๋ณด๊ณ ํ์ตํ ํฌ์คํ ์ ๋๋ค. ๊ฐ์ฒด ํ๋กํผํฐ ํค๋ ๋ฌธ์์ด.. ์ฌ๋ณผ์.. [์ ์ผํ ์๋ณ์] const a = Symbol(); //new๋ฅผ ๋ถ์ด์ง ์๋๋ค. const symA = Symbol(); const symB = Symbol(); console.log(symA); //Symbol() console.log(symB); //Symbol() console.log(symA == symB); //false console.log(symA === symB); // false ์ฌ๋ณผํ์ ์ ์ผ์ฑ์ ๋ณด์ฅํด์ค๋ค. const id = Symbol('id'); ์ฌ๋ณผ ๋ค์ ์๊ดํธ์ ์ค๋ช ์ ๋ฃ์ด์ฃผ๋ฉด ์ข๋ค. ๋ค์ด๊ฐ๋ ๋ฌธ์์ด ์ค๋ช ์ ์ด๋ ํ ์ํฅ๋ ..
![[์ค๊ธ ์๋ฐ์คํฌ๋ฆฝํธ] ๊ฐ์ฒด ์ฐธ์ด, ๊ฐ์ฒด ๋ณต์ฌ, ๋ฐฐ์ด ์ปจํธ๋กค ์ฌํ](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbR2zrv%2Fbtrxb01wMWA%2FAAAAAAAAAAAAAAAAAAAAAFjFaVadjJ-T-Ue9TOKUMF7VpmGCftUzFpAmM6ur1grh%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3DjrGMCWaeUHru4EMwu%252B5zXibVzPw%253D)
[์ค๊ธ ์๋ฐ์คํฌ๋ฆฝํธ] ๊ฐ์ฒด ์ฐธ์ด, ๊ฐ์ฒด ๋ณต์ฌ, ๋ฐฐ์ด ์ปจํธ๋กค ์ฌํ
https://youtu.be/4_WLS9Lj6n4 https://youtu.be/9tbjjZb65ng ** const user = { name:'Mike', age:30 } ์์ ๊ฐ์ด user๋ผ๋ ๊ฐ์ฒด๊ฐ ์์ ๋, ๋ณต์ (๊น์ ๋ณต์ฌ)๋ฅผ ํ๊ธฐ ์ํด์ const cloneUser = user; ์์ ๊ฐ์ด ์์ฑํ๋ฉด ๊ธฐ๋ํ๋ ํจ๊ณผ(๊ฐ์ฒด๋ฅผ ๋ณต์ฌํด์ ๋ฃ๋๋ค)๋ฅผ ์ป์ ์ ์๋ค.(์์ธ: ์๋ ์บก์ฒ ์ฐธ๊ณ ) ์๋ ์บก์ฒ๋ฅผ ์ฐธ๊ณ ํ๋ฉด ์ ์ ์๋ฏ์ด cloneUser๋ ํ์ ๋ด๊ธด user๋ฅผ ๋ํผ๋ฐ์คํ๋ ๋ํผ๋ฐ์ค ๋ณ์๊ฐ ๋๋ค.(์์ ๋ณต์ฌ)(๊ฐ์ฒด๋ฅผ ์ฐธ์กฐํ๋ ๊ฐ์ด ๋ค์ด๊ฐ๋ค) ๋ฐ๋ผ์ cloneUser.age=44; ์์ผ๋ก cloneUser์ ํ๋กํผํฐ ๊ฐ์ ๋ฐ๊พธ์ด๋ฒ๋ฆฌ๋ฉด user.age์ ๋์ด๋ ๋๊ธฐํ๋์ด ๋ณ๊ฒฝ๋๋ ๊ฒ์ ์๋ ์์ ๋ฅผ ํตํด ..
[์๋ฐ์คํฌ๋ฆฝํธ] ๋์ ์์ฑ
[Javascript] ๋์ ์์ฑํ๊ธฐ (๋๋ค ์ซ์, Random Number) - ์ด์ ์ค๋ ๋ด์ผ (tistory.com) [Javascript] ๋์ ์์ฑํ๊ธฐ (๋๋ค ์ซ์, Random Number) Javascript๋ก ๋์๋ฅผ ์์ฑํ๋ ๋ฐฉ๋ฒ์ ์๊ฐํฉ๋๋ค. Math.random() ๋ฒ์๋ฅผ ์ง์ ํ ๋์ ์์ฑํ๊ธฐ 0~9 0~10 0~99 0~100 1~10 2~5 ๋์ ์์ฑ ํจ์ ๋ง๋ค๊ธฐ (๋ฒ์ ์ง์ ) min
ํธ๋ผํ ์นด๋ ๋ค์ง๊ธฐ ์์
https://github.com/gilbutITbook/006960/tree/master/ch14/%EC%B6%94%EA%B0%80_%EC%98%88%EC%A0%9C-%ED%8A%B8%EB%9F%BC%ED%94%84_%EB%92%A4%EC%A7%91%EA%B8%B0