반응형 l 🤖 코드 l59 자바스크립트 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 다음 💲 추천 글 반응형