๋ฐ์ํ ์ ์ฒด ๊ธ71 ์๋ฐ์คํฌ๋ฆฝํธ JS ์์ค ์ฌ์ดํธ ๊ณต์ @์ฝ๋๊ทธ๋ฆผ ์๋ฐ์คํฌ๋ฆฝํธ ์คํฌ๋กค(scroll) ์ด๋ฒคํธ๋ฅผ ์ฐพ๋ค๊ฐ ๋์๋๋ ๋ธ๋ก๊ทธ๋ฅผ ์ฐพ์์ ๊ณต์ ํฉ๋๋ค. //์ธ์์ ๋ชจ๋ ์คํฌ๋กค์ด๋ฒคํธ michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io //๋ธ๋ก๊ทธ์ฃผ์ scotch.io/tutorials/building-interactive-scrolling-websites-with-scrollmagic-js Building Interactive Scrolling Websites with ScrollMagic.js ScrollMagic is a jQuery plugin which lets you use the scrollbar .. l ๐ค ์ฝ๋ l 2021. 3. 3. ์ด๊ฐ๋จ expo ์ค์น ๋ฐ ์คํ ๋ฐฉ๋ฒ EXPO ์ค์น -> 1. ์์๋ฉ๋ด์์ powershell์ ์คํํ๋ค. 2. npm install -g expo-cli ๋ฅผ ์ ๋ ฅํ๋ค. EXPO ์คํ -> 1. ๋ณธ์ธ ๋ชจ๋ฐ์ผ์์ EXPO ์ฑ ๋ค์ด 2. ์ฑ ๊ฐ์ 3. PC์์ ํฐ๋ฏธ๋ ์คํ, EXPO ํ๋ก์ ํธ ๋ง๋ค ๊ฒฝ๋ก๋ก ์ด๋ 4. expo init ๋ช ๋ น์ด ์ ๋ ฅ 5. ํ ํ๋ฆฟ์ blank ์ ํ 6. ์์คํฌ๊ฐ ํ๋ผ๋๋๋ก ๋ช ๋ น์ด ๋๊ฐ ์ ๋ ฅ ex) cd my-app npm start 7. EXPO ์ฑ์ ์คํํ๊ณ PC์์ ์ผ์ง๋ ์ธํฐ๋ท์ฐฝ ์๋ QR์ฝ๋ ์ค์บ ๋~ l ๐ค ์ฝ๋ l 2021. 1. 25. ๊น ๋ ํฌ์งํ ๋ฆฌ ์ฐ๊ฒฐ ์๋ชปํ์๋ ๊ณ ์น๋ ๋ฐฉ๋ฒ / git ์ฃผ์ ์์ ํ๊ธฐ # git ๋ ํฌ๋ฅผ ํ๊ณ ์ฒซ ์ฐ๋์ ํ๋ ค๋๋ฐ ์ฃผ์๋ฅผ ์๋ชป์ผ์ง ๋ญ์์... ใ ใ ๊ทธ์น๋ง! ์์ ๊ฐ๋ฅํด์!! (์ผ๋จ ๋ง๋ค์ด๋ ๋ ํฌ์งํ ๋ฆฌ๋ ์ง์์ฃผ์๊ธธ ๊ถ์ฅํฉ๋๋ค.) ์์ 1๋จ๊ณ : ์๋ก์ด ๋ ํฌ์งํ ๋ฆฌ๋ฅผ ํ์ธ์ 2๋จ๊ณ : ํฐ๋ฏธ๋์์ ์ฃผ์ ์์ ๋ช ๋ น์ด ์ ๋ ฅํ๊ธฐ -> git remote set-url origin ์ ์ฃผ์ 3๋จ๊ณ : ํฐ๋ฏธ๋์์ remote์๋ฒ ๋๊ธฐํ ๋ช ๋ น์ด ์ ๋ ฅํ๊ธฐ -> git remote update origin --prune ์ด๋ฌ๋ฉด ๋์ด์์! ๋ช ๋ น์ด gin config --list ๋ฅผ ์ ๋ ฅํ์๋ฉด ์ค์ ๋ ๊ฒ์ ํ์ธ ํ์ค ์ ์์ด์! l ๐ค ์ฝ๋ l 2021. 1. 25. vscode ๊ฐ๋ก๋ก ๊ธ ๊ธธ๊ฒ์จ์ง๋!! ์๋ ์ค๋ฐ๊ฟ ์ค์ ํ๋ ๋ฒ ๋น์ฃผ์ผ ์คํ๋์ค์์ ์ฝ๋๋ฅผ ์น๋๋ฐ ๊ฐ๋ก๋ก ๊ธธ๊ฒ ์จ์ง๋ฉด์ ๊ฐ๋ก์คํฌ๋กค์ด ์๊ธด๋ค๋ฉด, ์๋์ผ๋ก ์ค๋ฐ๊ฟ์ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ด ์์ด์ !! ์ผ์ชฝ ์ File > preferences > settings > wordWrap ์ ๊ฒ์ํด์ค๋๋ค. wordWrap ์ ์ค์ ์ on์ผ๋ก ๋ฐ๊ฟ์ค๋๋ค. ๋!! ํดํผ์ฝ๋ฉ ํ์ธ์~~ l ๐ค ์ฝ๋ l 2020. 6. 2. ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๋ฌธ๋ฒ/ ๊ณต๋ถํ๊ธฐ ์ข์ ์ฌ์ดํธ ์ถ์ฒ https://www.w3schools.com/js/exercise_js.asp?filename=exercise_js_variables1 W3Schools JS Exercise I completed all the JS exercises on w3schools.com www.w3schools.com ์ ๊ฐ ์ง๊ธ ๊ฑธ์ด๋ ๋งํฌ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ณธ๋ฌธ๋ฒ์ ํ ์คํธ ํ๋ ์ฌ์ดํธ์ธ๋ฐ์, ๋น์นธ์ฑ์ฐ๊ธฐ๋ก ์ค์ ๋ฌธ๋ฒ๋ค์ ์ฐจ๊ทผ์ฐจ๊ทผ ์์๋ณผ ์ ์์ด์. ๋ด๊ฐ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด๋์ ๋ ์์ง? ๊ถ๊ธํ์ ๋ถ๋ค์ด ํด๋ณด์ ๋ ์ข์ ๊ฒ ๊ฐ๊ณ ์, ๋๋ฌด ์ค๋๋ง์ ๋ค์ ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ณธ๋ค ํ์๋ ๋ถ๋ค์๊ฒ๋ ์ข์ ๊ฒ ๊ฐ์์. ์ฝ๋๋ก ๋๋ฌด ๋จธ๋ฆฌ์ํ๋ค ์ถ์ผ์ค ๋, ์ฐ์ฑ ํ๋ ๊ธฐ๋ถ์ผ๋ก ํ๋ฒ ํ์ด๋ณด์ธ์~ l ๐ค ์ฝ๋ l 2020. 5. 29. [MongoDB] ๋ชฝ๊ณ ๋๋น ๊ฐ ์ ๋ค์ด๊ฐ๋ ํ์ธํ๊ธฐ/ ๋ชฝ๊ณ ๋๋น select * ๋ช ๋ น์ด ๋ชฝ๊ณ ๋๋น์์ ๊ฐ์ด ์ ๋ค์ด๊ฐ๋ ํ์ธํ๋ ๋ฐฉ๋ฒ์์, Oracle sql์์ select * from ํ ์ด๋ธ๋ช ; ์ด๋ ๊ฒ ํ๋ค๋ฉด ๋ชฝ๊ณ ๋๋น์์๋ db.ํ ์ด๋ธ๋ช .find({}); ๋๋ db.ํ ์ด๋ธ๋ช .find(); Oracle sql์์ select ์ปฌ๋ผ๋ช from ํ ์ด๋ธ๋ช where ์ปฌ๋ผ=๊ฐ ; ์ด๋ ๊ฒ ํ๋ค๋ฉด ๋ชฝ๊ณ ๋๋น์์๋ db.ํ ์ด๋ธ๋ช .find({์ปฌ๋ผ:๊ฐ}); ๊ฐ์ด ์คํธ๋ง(๋ฌธ์์ด)์ธ ๊ฒฝ์ฐ์๋ '๊ฐ' db.ํ ์ด๋ธ๋ช .find({์ปฌ๋ผ:'๊ฐ'}); ๋ง๋ค์ด์ง ํ ์ด๋ธ๋ค์ด ๊ถ๊ธํ๋ค๋ฉด, ๋ชฝ๊ณ ๋๋น์์๋ ์ฝ๋ ์ ์ ๋ณด์ฌ์ฃ ! ๋ผ๊ณ ํ๋ฉด ๋ฉ๋๋ค. show collections ํ๊ณ ์ํฐ์น์ธ์. l ๐ค ์ฝ๋ l 2020. 5. 28. [MongoDB] ๋ชฝ๊ณ ๋๋น insert, update, delete ๋ช ๋ น์ด Insert ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ฐ์ ๋ชฝ๊ณ ๋๋น๋ Json ํํ์ ๊ฑฐ์ ๋๊ฐ๋ค๊ณ ๋ณด์๋ฉด ๋ฉ๋๋ค. ๊ธฐ์กด SQL์ฒ๋ผ Table์ ๋ง๋ค๊ณ ์ปฌ๋ผ์ ํ์ ์ ๋ง์ถ๊ณ ๋ธ๋ผ๋ธ๋ผ... ํ ํ์๊ฐ ์์ด์!! ๊ทธ๋ฅ ๊ด๋ฆฌํ๋ ค๋ ๋ฐ์ดํฐ๋ค์ ํ ๋๋ฏธ์ ๋ฌถ๋๋ค ์๊ฐํ์๋ฉด ๋ฉ๋๋ค. *๋ชฝ๊ณ ๋๋น์์๋ ์ปฌ๋ ์ ์ด๋ผ๊ณ ๋ถ๋ฌ์. *show collections ๋ฅผ ๋ช ๋ นํ์๋ฉด ๋ง๋ค์ด์ง ์ปฌ๋ ์ ๋ค์ ๋ค ํ์ธํ ์ ์์ด์. *db.์ปฌ๋ ์ ๋ช .find({}); ๋ฅผ ๋ช ๋ นํ์๋ฉด ํด๋น ์ปฌ๋ ์ ์ ๋ค์ด๊ฐ ๋ฐ์ดํฐ ๊ฐ๋ค์ ํ์ธํ ์ ์์ด์. ์๋ฅผ๋ค์ด, ์ผํ๋ฆฌ์คํธ๋ฅผ ๋ง๋ค๊ณ ์ถ์ด์. ์ผํ๋ฆฌ์คํธ: ๊ฐ์ 10, ์ํ 5, ์ฝํธ๋ผ์ดํธ 1 ์ด๋ ๊ฒ ๋ง๋ค๊ฑฐ๋ผ๋ฉด db.shoppinglist.save({potatos:10, onions:5, con:1}); ๊ทธ๋ผ 1์ค์ด ์ ๋ ฅ๋๊ณ ์, ์ฌ๋ฌ๊ฐ .. l ๐ค ์ฝ๋ l 2020. 5. 28. [MongoDB] ๋ชฝ๊ณ ๋๋น ์ค์น/์์ 1. ๋ชฝ๊ณ DB ๋งํฌ ๋ค์ด๊ฐ์ ์์ ์ os์ ๋ง๋ ๋ฒ์ ์ ๋ค์ด๋ก๋ ํฉ๋๋ค. https://www.mongodb.com/download-center/community Download Center: Community Server Download MongoDB Community Server, the most popular non-relational database built to address the needs of modern applications. www.mongodb.com ์ ๋ ์์ถ๋ฐ์ ๋ค์ด๋ก๋ํ๊ณ Cํด๋์์ ์์ถ์ ํ์ด๋์ด์. 2. cmd์์ ๋ชฝ๊ณ DB ์ค์นํด๋๋ก ๊ฐ์ ์ md data ๋ช ๋ น์ด๋ก dataํด๋๋ฅผ ๋ง๋ค์ด์ค๋๋ค. ๋ช ๋ น์ด: -> cd ์ค์นํํด๋๊ฒฝ๋ก -> md data (md๊ฐ ํด๋ ๋ง๋๋ ๋ช ๋ น์ด.. l ๐ค ์ฝ๋ l 2020. 5. 28. ์คํ๋ง ms-sql ์ฐ๋ํ๋๋ฒ ์คํ๋ง์์ ms-sql ์ฐ๋ํด์ ์ฌ์ฉํ๋ ๋ฒ!! ์ ํ๋ก์ ํธ์ ํ์๊ตฌ์กฐ๋ ์๋์ ๊ฐ์ต๋๋ค. 1. pom.xml ์ค์ - pom.xml์ ๋ด๊ฐ ๋ฐ์ mssql-jdbc์ ๊ฐ์ ๋ฒ์ ์ jre๋ฅผ dependency๋ฅผ ๋ฃ์ด์ค๋๋ค. **************************************************************************************************************************** ๋ฒ์ dependency ๊ฒ์์ ์๋์ ์ฃผ์์์ ์ฐธ๊ณ ํ์ธ์ฉ. https://mvnrepository.com/ Maven Repository: Search/Browse/Explore An Apache HttpClient wrapper providing Metrics .. l ๐ค ์ฝ๋ l 2020. 5. 26. ์คํ๋ง 404์๋ฌ ํด๊ฒฐ/ ์คํ๋ง could not autowire field์๋ฌ/ no matching bean of type์๋ฌ ์คํ๋ง 404์๋ฌ ํด๊ฒฐ/ ์คํ๋ง could not autowire field์๋ฌ/ no matching bean of type์๋ฌ ์๋ฌ๋ฅผ ํด๊ฒฐํด๋ด ์๋ค!! ์, ์คํ๋ง์ ์์ํ๋๋ฐ ์ด๊น์์ด 404์๋ฌ๊ฐ ๋ด๊ณ ์ฉ! ์ฝ์์ฐฝ์ ์ถ์ ํด๋ด ๋๋ค. ์ ์ฒ์์ผ๋ก๋, 'homeController' : : Injection of autowired dependencies failed; ๋ ์์ผ๋ก ๊ฐ๋ณด๋, could not autowire field ๋๋ ์์ผ๋ก ๊ฐ๋ณด๋, no matching bean of type ์๋ฌ๊ฐ ๋ ์๋ค์! ์๊ณ ๋ณด๋ bizImpl์์ @Repository ์ํด์คฌ๋๋ผ๊ณ ์ฌใ ใ ใ ใ ใ ใ ใ ใ ํธ๋ค๋ฅ annotation ์ถ๊ฐํด์ฅฝ๋๋น ํํ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ์ผ์ผ์! ์ค๋ ์๋ฌ ํด๊ฒฐ! l ๐ค ์ฝ๋ l 2020. 5. 26. ๊น ์ฒ์ ์ ๋ก๋ / git ๋ ํ์งํ ๋ฆฌ ์์ฑํ๊ณ ์ ๋ก๋ํ๋ ๋ฒ ๊น(git) ์ฒ์ ์ ๋ก๋ํ ๋! ๊น(git) ๋ ํ์งํ ๋ฆฌ ์์ฑํ๊ณ ์ ๋ก๋ํ๋ ๋ฒ!! ์ ๋ก๋ ํ๋ ค๋ ํด๋์์ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ํด๋ฆญ -> git bash here ํด๋ฆญ ๊น ๋ช ๋ น์ด ์์ฑ 1. git init 2. git add . (git add ๋๊ณ .) 3. git commit -m "์ ๋ก๋ ๋ฉ์์ง ์์ฑ" 4. git remote add origin https://----๊นํ๋ธ์ฃผ์ ๋ณต์ฌ----- 5. git push -u origin master ๋. ๊นํ๋ธ ๋ณด๋ฌ ๋๋ฌ์ค์ธ์ ๐ (๋งํํ์) https://github.com/Joowon0220 Joowon0220 - Overview ๐ ๐๐ค๐ฅ๐ ๐ข๐ฎ ๐๐ค๐๐'๐จ ๐ฌ๐๐ง๐ข๐ฉ๐ ๐ฉ๐ค๐ช๐๐๐๐จ ๐ฎ๐ค๐ช :) . Joowon0220 has 14 repositories a.. l ๐ค ์ฝ๋ l 2020. 5. 26. [๊ฐ๋ฐ์ ๋ฉด์ ๋๋น ์ง๋ฌธ์์ฝ] ์๋ฐ ๊ฐ๋ ์ ๋ฆฌ/ ์๋ฐ๋ ๋ฌด์์ธ๊ฐ ์๋ฐ๋? - ๊ฐ์ฒด์งํฅ ์ธ์ด (OOP Object Oriented Programming) - ํ๋์ ๊ธฐ๋ฅ์ ๊ฐ์ฒด๋ก ๋ง๋ค์ด์ ๊ฐ์ฒด๋ค์ ์ข ํฉํ์ฌ ํ๋ก๊ทธ๋๋ฐํ๋ค. ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ OOP์ 4๊ฐ์ง ํน์ฑ ********(์บก์ํ, ๋คํ์ฑ, ์์, ์ถ์ํ) 1. ์บก์ํ - ์๋ก ๊ด๋ จ๋ Data, Method๋ฅผ ํ๋๋ก ๋ฌถ๋๊ฒ 2. ๋คํ์ฑ - ํํ๊ฐ ๋ค์ํ ๊ฒ (๊ฐ์ ๋์, ๋ค๋ฅธ ๊ฒฐ๊ณผ๋ฌผ) - ์ค๋ฒ๋ก๋ฉ๊ณผ ์ค๋ฒ๋ผ์ด๋ฉ์ด ํด๋น๋จ. - ์ค๋ฒ๋ก๋ฉ? ๊ฐ์ ์ด๋ฆ์ ๋ฉ์๋๋ฅผ ๋งค๊ฐ๋ณ์์ ํ์ ๊ณผ ๊ฐฏ์๋ง ๋ค๋ฅด๊ฒ ํ์ฌ ๋ค๋ฅธ๊ธฐ๋ฅ์ ํ๊ฒ ํ๋ ๊ฒ - ์ค๋ฒ๋ผ์ด๋ฉ? ์์ ํด๋์ค์ ๋ฉ์๋๋ฅผ ์์๋ฐ์ ์ฌ์ ์ ํ๋ ๊ฒ 3. ์์ ์์ ํด๋์ค method๋ฅผ ์์ ํด๋์ค๊ฐ ์์๋ฐ์์ ์ฌ์ฉํ๋ ๊ฒ 4. ์ถ์ํ ํ์ํ ๊ฒ์ ๋ณด์ฌ์ฃผ๊ณ ํ์์๋ ๊ฒ์ ์จ๊ธฐ๋ ๊ฒ ์ถ.. l ๐ค ์ฝ๋ l 2020. 5. 26. ์ด์ 1 2 3 4 5 6 ๋ค์ ๐ฒ ์ถ์ฒ ๊ธ ๋ฐ์ํ