전체 글73

• 

  자바스크립트 효과 적용하기 (GSAP, TweenMax) // opacity:0 으로 설정해 둔 요소를 보이게 만드는 효과 $(document).ready(function() { const title=$(".title"); //class명 title인 애를 const 안에 title로 담아둠 title.addClass("visible"); //title에 보이는 효과를 더함 }); // 안보이던 요소가 점점점 선명해지게 하는 효과 TweenMax.fromTo( ".main_img", 0.6, { opacity: 0 }, { opacity: 1, delay: 0.6 } ) --> 0.6 초동안 이벤트를 발생하게 하고 이벤트 발생 전 0.6초의 딜레이시간을 갖는다. // 다중 요소에 한번에 효과 적용하고 차례대로 이벤트 주는 효과 TweenMax.staggerTo.. l 🤖 코드 l 2021. 3. 5.

• 

  !!초간단!! vs code (비쥬얼 스튜디오 코드) html 파일에서 브라우저 열기 @코드그림 vs code (비쥬얼 스튜디오 코드) html 파일에서 브라우저 여는 간단한 방법 Extension열고 open in browser 검색 다운받고 html파일에서 오른쪽 클릭! open in default browser를 클릭하면 웹에서 실행 가능합니다. 브라우저를 크롬에서 키고싶다면, 왼쪽 아래 톱니바퀴모양 클릭(manage) > Settings > browser검색 > plugin open-in-browser 크롬으로 설정하면 끝~ l 🤖 코드 l 2021. 3. 5.

• 자바스크립트 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.