๐ Front-End/JavaScript5 [JS][์ฐํ ์ฝ] ํ๋ฆฌ์ฝ์ค 3์ฃผ์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ํตํ KPTํ๊ณ ๊ธ์ ๋ชฉํ3์ฃผ์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ํตํด 3์ฃผ์ฐจ์ ์ฝ๋๋ฅผ ๋๋์๋ณด๊ณ 4์ฃผ์ฐจ๋ฅผ ์์ํด๋ณผ ์๊ฐ์ด๋ค.โป ํด๋น ๊ธ์ ์ฐ์ํํ ํฌ์ฝ์ค์์ ์ฌ๋ ค์ค 3์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ์ฐธ๊ณ ํ์ฌ ์์ฑ๋์์ต๋๋ค. ๊ณตํต ํผ๋๋ฐฑ์ ํ๋ฆฌ์ฝ์ค ์ฐธ์ฌ์๋ค์๊ฒ ๊ฐ๋ณ์ ์ผ๋ก ๊ณต์ ๋ ๋งํฌ๊ฐ ์กด์ฌํ๋ฉฐ, ์ ๋ ํด๋น ๋งํฌ๋ ๊ณต์ ํ ์ ์๊ณ ๊ณตํต ํผ๋๋ฐฑ์ ํ์ธํ๋ ๊ณผ์ ์์์ ์๊ฐ๋ค์ ํด๋น ๊ธ์ ์ ๋ฆฌํด๋ณด์์ต๋๋ค. 3์ฃผ์ฐจ ํ๋ฆฌ์ฝ์ค ๊ณผ์ ์ ๋ํ ํ๊ธฐ3์ฃผ์ฐจ ํ์ต ๋ชฉํ๋ ๊ด๋ จ ํจ์๋ค์ ๋ฌถ์ด ํด๋์ค๋ฅผ ๋ง๋ค๊ณ , ์ด ๊ฐ์ฒด๋ค์ด ํ๋ ฅํ์ฌ ํ๋์ ํฐ ๊ธฐ๋ฅ์ ์ํํ๋๋ก ํ๋ ๊ฒ์ด์๋ค. ๋๋ถ์ด ํด๋์ค์ ํจ์์ ๋ํ ๋จ์ ํ ์คํธ๋ฅผ ํตํด ์๋ํ ๋๋ก ์ ํํ๊ฒ ์๋ํ๋์ง๋ฅผ ๊ฒ์ฆํ๋ ๊ฒ์ด ์ค์ํ๋ค. ๋จ์ ํ ์คํธ์์ ‘๋จ์’์ ์๋ฏธ๋ฅผ ๋ช ํํ ์ ์ํ๋ ๊ฒ์ด ์กฐ๊ธ ์ด๋ ค์ ์ง๋ง, ์ผ๋จ ์ฝ๋ ์์ฑ ์ค ์์ํ.. 2024. 11. 6. [JS] ํด๋์ค์ ํ๋ผ์ด๋น ํ๋ ๊ตฌํ ์ด์ JavaScript ํด๋์ค๋์๋ฐ์คํฌ๋ฆฝํธ์์ ํด๋์ค(class)๋ ๊ฐ์ฒด๋ฅผ ์์ฑํ๊ธฐ ์ํ ํ ํ๋ฆฟ์ด๋ค. ํด๋์ค๋ ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ(OOP)์ ๊ฐ๋ ์ ๋ฐํ์ผ๋ก, ์ฝ ์ฌ์ฌ์ฉ์ฑ๊ณผ ๊ตฌ์กฐ์ ์ธ ์ฝ๋๋ฅผ ์์ฑํ๋ ๋ฐ ๋์์ ์ค๋ค. ํด๋์ค ์ ์ธ ๋ฐฉ๋ฒclass Person { constructor(name, age) { this.name = name; this.age = age; } print() { console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`); }}Person : ํด๋์ค๋ช constructor : ๊ฐ์ฒด๊ฐ ์์ฑ๋ ๋ ํธ์ถ๋๋ ๊ฒ / ํ๋๋ฅผ ์ ์ธํ๋ค.name, age : Person ํด๋์ค์ ํ๋print : .. 2024. 11. 6. [JS][์ฐํ ์ฝ] ํ๋ฆฌ์ฝ์ค 2์ฃผ์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ํตํ KPTํ๊ณ ๊ธ์ ๋ชฉํ2์ฃผ์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ํตํด 2์ฃผ์ฐจ์ ์ฝ๋๋ฅผ ๋๋์๋ณด๊ณ 3์ฃผ์ฐจ๋ฅผ ์์ํด๋ณผ ์๊ฐ์ด๋ค.โป ํด๋น ๊ธ์ ์ฐ์ํํ ํฌ์ฝ์ค์์ ์ฌ๋ ค์ค 2์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ์ฐธ๊ณ ํ์ฌ ์์ฑ๋์์ต๋๋ค. ๊ณตํต ํผ๋๋ฐฑ์ ํ๋ฆฌ์ฝ์ค ์ฐธ์ฌ์๋ค์๊ฒ ๊ฐ๋ณ์ ์ผ๋ก ๊ณต์ ๋ ๋งํฌ๊ฐ ์กด์ฌํ๋ฉฐ, ์ ๋ ํด๋น ๋งํฌ๋ ๊ณต์ ํ ์ ์๊ณ ๊ณตํต ํผ๋๋ฐฑ์ ํ์ธํ๋ ๊ณผ์ ์์์ ์๊ฐ๋ค์ ํด๋น ๊ธ์ ์ ๋ฆฌํด๋ณด์์ต๋๋ค. 2์ฃผ์ฐจ ํ๋ฆฌ์ฝ์ค ๊ณผ์ ์ ๋ํ ํ๊ธฐ 2์ฃผ์ฐจ์ ํ์ต ๋ชฉํ๋ ์ฌ๋ฌ ์ญํ ์ ์ํํ๋ ํฐ ํจ์๋ฅผ ๋จ์ผ ์ญํ ์ ์ํํ๋ ์์ ํจ์๋ค๋ก ๋ถ๋ฆฌํ๋ ๊ฒ์ด์๋ค. 3์ฃผ์ฐจ ํ์ต ๋ชฉํ๋ ๊ด๋ จ๋ ํจ์๋ค์ ๋ฌถ์ด ํด๋์ค๋ฅผ ๋ง๋ค๊ณ , ๊ฐ์ฒด๋ค์ด ํ๋ ฅํ์ฌ ํ๋์ ํฐ ๊ธฐ๋ฅ์ ์ํํ๋๋ก ํ๋ ๊ฒ์ด๋ค. ๊ทธ๋ฐ๋ฐ ์ง๊ธ๋ณด๋ Controller๋ฅผ ๋ง๋ค๋ฉด์ ์ด๋ฏธ ํ๋์ ํฐ ๊ธฐ๋ฅ์ ์ํํ๋ ํด๋์ค๋ฅผ ๊ตฌํํด๋ณธ ๊ฒ.. 2024. 10. 31. [JS][์ฐํ ์ฝ] ํ๋ฆฌ์ฝ์ค 1์ฃผ์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ํตํ KPTํ๊ณ ๊ธ์ ๋ชฉํ1์ฃผ์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ํตํด ๋ด๊ฐ ํ ํ๋ฆฌ์ฝ์ค 1์ฃผ์ฐจ์ ์ฝ๋๋ฅผ ๋๋์๋ณด๊ณ 2์ฃผ์ฐจ๋ฅผ ์ด๋ป๊ฒ ์์ํด์ผ ํ ์ง ๊ณ ๋ฏผํด๋ณผ ์๊ฐ์ด๋ค.โป ํด๋น ๊ธ์ ์ฐ์ํํ ํฌ์ฝ์ค์์ ์ฌ๋ ค์ค 1์ฐจ ๊ณตํต ํผ๋๋ฐฑ์ ์ฐธ๊ณ ํ์ฌ ์์ฑ๋์์ต๋๋ค. ๊ณตํต ํผ๋๋ฐฑ์ ํ๋ฆฌ์ฝ์ค ์ฐธ์ฌ์๋ค์๊ฒ ๊ฐ๋ณ์ ์ผ๋ก ๊ณต์ ๋ ๋งํฌ๊ฐ ์กด์ฌํ๋ฉฐ, ์ ๋ ํด๋น ๋งํฌ๋ ๊ณต์ ํ ์ ์๊ณ ๊ณตํต ํผ๋๋ฐฑ์ ํ์ธํ๋ ๊ณผ์ ์์์ ์๊ฐ๋ค์ ํด๋น ๊ธ์ ์ ๋ฆฌํด๋ณด์์ต๋๋ค.โป ํ๋ฆฌ์ฝ์ค 1์ฃผ์ฐจ ๋ฌธ์ ๋ฅผ ์๊ณ ๊ณ์ ๋ค๋ ๊ฐ์ ํ์ ์์ฑ๋ ๊ธ์ ๋๋ค. 1์ฃผ์ฐจ ๋ฌธ์ ์๊ตฌ์ฌํญ ๊ธ์ด ์ฌํ์ธ์ด ์ด๋ ค์์ ๋ฐ๋ก ์ค๋ช ์ ์ฒจ๋ถํ์ง ์์์ต๋๋ค.๐ฅฒ 1์ฃผ์ฐจ ํ๋ฆฌ์ฝ์ค ๊ณผ์ ์ ๋ํ ํ๊ธฐ์ฐ์ , 1์ฃผ์ฐจ์ ํ์ต ๋ชฉํ๊ฐ ๊ฐ๋ฐ ํ๊ฒฝ๊ณผ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ์ต์ํด์ง๋ ๊ฒ์ด๋ผ๊ณ ๋์ด์๋ค. ๋๋ฟ๋ง ์๋๋ผ ๋ง์ ์ฌ๋๋ค์ด ์์ง ๊ฐ๋ฐ ํ๊ฒฝ์ด ๋ฏ์ค์ด.. 2024. 10. 24. [JS] Prettier๋ก ๋ฌธ์์ด single quotes ์ ๋ ฅ ์ค์ ํ๊ธฐ ์ฌ์ฉ ๊ณ๊ธฐ์ฐํ ์ฝ ํ๋ก ํธ์๋๋ฅผ ์ค๋นํ๋ฉด์ Javascript ์์ฑ ๊ฐ์ด๋๋ฅผ ํ์ธํ๋ค.https://github.com/airbnb/javascript GitHub - airbnb/javascript: JavaScript Style GuideJavaScript Style Guide. Contribute to airbnb/javascript development by creating an account on GitHub.github.com์ฌ๊ธธ ๋ณด๋ฉด ๋ฌธ์์ด ์์ฑ ๊ฐ์ด๋์ single quotes, ์์ ๋ฐ์ดํ๋ฅผ ์ฌ์ฉ์ ๊ถ์ฅํ๋ค.๊ทผ๋ฐ ๋๋ Prettier ๋ฅผ ์ฌ์ฉํ๋ฉด์ ์ฝ๋๋ฅผ ๊น๋ํ๊ฒ ์ ๋ ฅํ๋ ๋ฒ์ ๋ฐฐ์ฐ๊ณ ์์๋๋ฐ Prettier ๊ธฐ๋ฅ์ ๊ธฐ๋ณธ ๊ฐ์ด ์๋ฐ์ดํ์ด๋ค.(ํน์ Prettier๋ฅผ ์ฌ์ฉํ๊ณ ์ถ์ผ์ ๋ถ๋ค์ VS.. 2024. 10. 18. ์ด์ 1 ๋ค์