์ ์ฒด ๊ธ
-
[JS ํฌํธํด๋ฆฌ์ค ๋ง๋ค๊ธฐ] scrolling ๋ ๋ ์ ์ home section ์ด ํฌ๋ช ํด์ง๋๋ก ๋ง๋ค๊ธฐMini Projects/make Portfolio 2024. 1. 14. 16:28
2024.01.14 ์๋๋ก Scrolling ๋ ์๋ก Y๊ฐ์ด ๋ณํ๋ค. Opacity์ ๊ฐ์ 1 ~ 0 ์ฌ์ด์ ๊ฐ์ ๊ฐ๊ธฐ ๋๋ฌธ์, 1์์๋ถํฐ ์์ํด์ 0๊น์ง ์๋ ดํ๋๋ก ๋ง๋ค๋ฉด ๋๋ค. ์ด๋ ํ์ํ ๊ฒ์ ์ํ๊ณต์! home section์ ๋์ด์ ๋น๋กํ์ฌ home section์ด ์ ์ ํฌ๋ช ํด์ง๋๋ก ๋ง๋๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ๊ณต์์ ์ธ์๋ณด๋ฉด ๋๋ค. ์ผ๋จ home Height๊ฐ 100์ด๋ผ๊ณ ๋ณด์. ScrollY opacity 0 1 50 0.5 100 0 ScrollY๊ฐ homeHeight๊ฐ์ ๊ฐ๊น์์ง์๋ก 0์ ์๋ ดํ๋ค. ๊ทธ๋ผ, Y = Height * opacity ๊ฐ ๋๋ฉด ๋๋ค. ๊ทธ๋ผ opacity = Y / Height๋ผ๋ ๊ณต์์ด ์์ฑ๋๋ค. ๋ฐ๋ผ์, 1์์๋ถํฐ ์ ์ opacy๊ฐ ์ค์ด๋๋, 1- Y / Height๋ผ๊ณ ..
-
[Javascript] ํด๋์ค์ ์ฝ๋ฐฑํจ์์นดํ ๊ณ ๋ฆฌ ์์ 2024. 1. 14. 14:36
class - fields, methods - ํ (template) ๋น์ทํ ํญ๋ชฉ๋ผ๋ฆฌ ๋ฌถ๋ ๊ฒ class template : ~ data๊ฐ ๋ค์ด์ฌ ์ ์์ด๋ผ๊ณ ์ ์ no data class๋ฅผ ์ด์ฉํด์ ์๋ก์ด ๊ฒ์ ๋ง๋๋ ๊ฒ : object data in - class : sth์ ๋ง๋ค๊ธฐ ์ํ ๊ธฐ๋ณธ ๋ผ๋, ํ์์์ (ex. ๋ํ) - object: class๋ฅผ ํ์ฉํด์ ์ฌ๋ฌ๊ฐ์ง ๋น์ทํ ๋ฌด์ธ๊ฐ๋ฅผ ๋ง๋๋ ๊ฒ (ex. ์ผ๊ฐํ, ์ฌ๊ฐํ ...) 1. class declarations ํด๋์ค ์ ์ธ 2. getter and setter class๋ฅผ ์๋ชป ์ฌ์ฉํด๋ ์ ๋๋ก ์ค์ ๋ ์ ์๋๋ก default ๊ฐ์ ์ค์ ํด๋๋ ๊ฒ (๊ฐ๋ ์ ์ด๋์ ๋ ์ดํด๊ฐ ๋๋๋ฐ, ์ด๋ป๊ฒ ์คํ๋๋์ง๋ ์์ง ์ ๋ชจ๋ฅด๊ฒ ์.) get return s..
-
[Javascript] ๋ณ์ let, constTo infinity/Javascript ์ด๋ก 2024. 1. 14. 13:49
๋ณ์๋ ๋ฉ๋ชจ๋ฆฌ์ ๊ทธ๋๋ก ๋ค์ด์ค์ง๋ง object๋ object๊ฐ ๋ฐ๋ก ํ ๋น๋์ด ์๋ ์ฃผ์๊ฐ ๋ค์ด๊ฐ์์ ๋ฐ๋ผ์, ๋์ผํ object์ฃผ์๋ฅผ ๊ฐ๊ณ ์๋ค๋ฉด, ๋ณ์์ด๋ฆ์ด ๋ค๋ฅด๋ค๊ณ ํ๋๋ผ๋ ์ ๋ํ๋ฉด ๋ค๋ฅธ ๋ณ์ ์์ ์๋ Object ๋ด์ฉ๋ ์ ๋๋จ.
-
[TIL] Events์ ๋ชจ๋ ๊ฒ (๋ธ๋ผ์ฐ์ ์ด๋ฒคํธ)To infinity/Javascript ํ์ฉ 2024. 1. 13. 11:18
2023.01.13 ํ ์์ผ 1. ํ๋ก์ ํธ : ์ผํ๋ชฐ ๋ฆฌ์คํธ ๋ง๋๋ ์ค (์ฐ์ต๋) 2. ์ฌ์ฉ์คํ :HTML, CSS, Javascript 3. ์ค๋ ๋ฐฐ์ด ๋ด์ฉ 1) Events๋? - ํ๋ก๊ทธ๋๋ฐ ์ค์ธ ์์คํ ์์ ๋ฐ์ํ๋ ์ผ๋ก, ์ฝ๋๊ฐ ์ด์ ๋ฐ์ํ ์ ์๋๋ก ์์คํ ์์ ์๋ ค์ฃผ๋ ๊ฒ 2) Capturing & Bubbling 3) ๋ธ๋ผ์ฐ์ ์ทจ์ํ๊ธฐ: preventDefault 4) ์ด๋ฒคํธ ์์ํ๊ธฐ : delegation 5) ์ผํ๋ชฉ๋ก์ฑ ๊ฐ์ ํ๊ธฐ - ์๋ก์ด item ์ถ๊ฐํ ๋, event delegation์ผ๋ก ์ฝ๋ ๋ณ๊ฒฝ - keydown & composing - web-form ; ์ ์ธ๊ณ!๐ฒ๐ฒ 4. ์ฐธ๊ณ - Events ์ข ๋ฅ https://developer.mozilla.org/en-US/docs/Web/Ev..
-
[Error] Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') ํด๊ฒฐ๋ฐฉ๋ฒTo infinity/Javascript ํ์ฉ 2024. 1. 12. 12:21
์. ์์นจ 7์, ์ค๋ฒ ์์ '์ ์ด์ ์ง๋์ข ๋นผ ๋ณผ๊น?!' ํ๋ฉฐ ์ถ๊ทผ ์ '์ทจ๋ฏธ์ฝ๋ฉ'์ ํ๋ ค๊ณ ๋ ธํธ๋ถ์ ์ผฐ๋ค. ๊ทธ๋ฆฌ๊ณ ์ง๋์ ๋ง์ถฐ JS๋ฅผ ๊ตฌํํ๋ ๋จ๊ณ๋ฅผ ์์ํ๋ค. ํ์ง๋ง. ๊ฐ๋ฐ์๋ ๋ฌธ์ ํด๊ฒฐ์๋ผ๊ณ ํ๋๊ฐ. JS๋ฅผ ๊ตฌํํ์ง ๋ชปํ๊ณ ๊ฒฐ๊ตญ ๋ฌธ์ ํด๊ฒฐ๋ง ํ๋ค๊ฐ ๋๋ฌ๋ค. '๋ ์์ง ๊ฐ๋ฆฐ์ด์ด์ ๋ฌธ์ ํด๊ฒฐ๋ง๊ณ ์ง๋๋ฅผ ๋นผ๊ณ ์ถ๋ค๊ณ ! ์๋๊ฐ? ์ฌ๊ธฐ์ ๋ฌธ์ ํด๊ฒฐ์ ํ๋๊ฒ ์ณ์๊ฑด๊ฐ? ์ด๊ฒ๋ ๊ฐ๋ฆฐ์ด ๋จ๊ณ์์ ๋ง์ฃผํ๋ ๋ฌธ์ ์ค ํ๋์ธ๊ฑด๊ฐ? ์ด๊ฒ ๋ง๋๊ฑด๊ฐ? ๋ง๋๊ฑด๊ฐ?!!!' ๋ผ๋ ๊ฐ๋ฑ๊ณผ ๊ฐ๋ฑ์ด ๋จธ๋ฆฌ์์ ์ง๋ฐฐํ๋ฉฐ ๋ฌธ์ ํด๊ฒฐ์ ์ต์ ์ ๋ค ํ์ผ๋.. ๊ฒฐ๊ตญ ํด๊ฒฐํ์ง ๋ชปํ๊ณ ์ถ๊ทผ์ ํ๊ฒ ๋๋ค.ใ ์ด๋ค ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋๋? ์ฝ๋ ๋ฌธ์ Uncaught TypeError: Cannot read properties of null (reading 'ad..
-
PDA ์์ธก์ ๋ฐ์ดํฐ ๋ถ์์นดํ ๊ณ ๋ฆฌ ์์ 2024. 1. 8. 20:51
์์ํ ์์ ์ ํตํด ์์ผ๋ก ์์ ์ํฉ์ ๋ํ ์์ธก์ ์ํํ๋ ์์คํ ์ ๊ตฌ์ถ 1) ํ๊ท๋ถ์ (Regression Analysis) -> Prediction ์์ธก: ์ค๋ช ๋ณ์ (X, ๋ ๋ฆฝ๋ณ์, ์์ธก๋ณ์, Feature)๋ฅผ ์ด์ฉํด, ๋ชฉํ๋ณ์(Y, ๋ฐ์๋ณ์, Label)์ ์์ธก -> Estimation ์ถ์ : ํ๊ท๊ณ์ (Coefficient) ์ถ์ -> Selection ์ ๋ณ: ์ฌ๋ฌ ์ค๋ช ๋ณ์๋ค ์ค ๋ชฉํ๋ณ์์ ์ํฅ์ ๋ผ์น๋ ์ฃผ ๋ณ์๋ฅผ ์ ํ ๋๋ ์ฐพ์๋ผ ์ ์์ ex) ๋งค์ถ์ก = 100 * ์ฐ๋ น + 50 * ๋ฐฉ๋ฌธํ์ + 20 ๋งค์ถ์ก = 190 * ์ฐ๋ น + 10 * ๋ฐฉ๋ฌธํ์ + 20 ๋ถ๋๊ฐ์ = 1000 * ์จ๋ + 30 * ์ต๋ + 200 * ๊ฐ๋ + 700 2) ํ๊ท๋ถ์ ์ข ๋ฅ - ๋จ์ ์ ํ ํ๊ท ๋ถ์ Y = aX1..
-
03. CDA ํ์ฆ์ ๋ฐ์ดํฐ ๋ถ์์นดํ ๊ณ ๋ฆฌ ์์ 2024. 1. 8. 19:54
1. ํต๊ณ์ ๊ฐ์ค ๊ฒ์ ์ ํตํด, ๊ท๋ช ํ๊ณ ์ ํ๋ ์ฌ์ค์ ๊ฐ๊ด์ ์ผ๋ก ์ ์ฆํ๋ ํต๊ณ์ ๋ถ์ ๊ธฐ๋ฒ - ๊ท๋ฌด๊ฐ์ค : ๋๋ฆฝ๊ฐ์ค์ ๋ฐ๋, ์ผ๋ฐ์ ์ธ ์ฌ์ค, ๋ณดํต์ํ - ๋๋ฆฝ๊ฐ์ค : ๊ท๋ช ํ๊ณ ์ ํ๋ ์ฌ์ค, ์์ฌํ๋ ๋ช ์ , ์ด์์ํ - P.value (ํ๋ฅ ๊ฐ) : ๊ท๋ฌด๊ฐ์ค์ด ์ฐธ์ผ ํ๋ฅ (0~1์ฌ์ด์ ๊ฐ์ ๊ฐ์ง) ํ๋ฅ ๊ฐ์ ํตํด ๊ท๋ฌด๊ฐ์ค์ด ๋ง๋์ง, ๋๋ฆฝ๊ฐ์ค์ด ๋ง๋์ง๋ฅผ ํ๋จ. - ์ ์์์ค (์ํ, 0.05, 5%) : ํ๋จ๊ธฐ์ค์ด ๋๋ ๊ฐ - P.value ์ ์์์ค: ๊ท๋ฌด๊ฐ์ค์ด ์ฐธ - ๊ทธ๋ฌ๋ฉด P.value๋ ์ด๋ป๊ฒ ๊ณ์ฐํ๋๊ฐ? - ๋ฐ์ดํฐ ํ์ ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง. Ex) ๋งค์ฅ ๊ณ ๊ฐ๋ฐ์ดํฐ, ์ฑ๋ณ์ ๋ฐ๋ผ ๊ตฌ๋งค๊ธ์ก์ ์ ์๋ฏธํ ์ฐจ์ด๊ฐ ์๋์ง? -> ์ฑ๋ณ์ ๋ฐ๋ผ ๊ตฌ๋งค๊ธ์ก์ ์ ์๋ฏธํ ์ฐจ์ด๊ฐ ์..