모모의 IT성장수첩

참조: 코딩애플

Javascript 2021. 8. 24. 10:43

참조: 코딩애플

Javascript 2021. 8. 23. 17:18

https://brm.io/matter-js/ Matter.js Matter.js is 2D rigid body physics engine for the web, using JavaScript and HTML5 brm.io

Javascript 2021. 8. 13. 14:14

깃허브 공개 / 비공개 방법입니다. 해당 프로젝트의 세팅 탭을 클릭합니다. 스크롤해서 하단에 Change visibillity 클릭합니다! 해당 모달 창이 뜹니다. make public 선택하면 공개 make private 선택하면 비공개 처리가 됩니다.

성장일지 2021. 8. 6. 10:24

7/28(수) 새롭게 공부할 리스트 - 패스트캠퍼스 프론트 코스 따라하기 - 모던 자바스크립트 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info - 프로그래머스 https://programmers.co.kr/skill_check_assignments 실력 체크 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 클론코딩 따라하기[vue]-책 - 노마드 코딩 참고하기 https://nomadcoders.co/wetube [풀스택] 유튜브 클론코딩 - 노마드 코더 Nomad Coders 유튜브 백엔드 + ..

성장일지 2021. 7. 28. 20:04

오랜만에 블로그에 글이란 걸 쓴다. 정말 결혼 후 책을 한 권을 제대로 읽었나? 책도 안보고 단순한 동영상만 보다 보니 어휘력도 떨어지고 공부머리도 떨어진다. 그 와중에 오랜만에 책을 펴본다. 그건 바로 수제비 2020! 사실 올해 7월에 신청을 해야 했었는데 신청을 못했다. 당시 그냥 포기했었는데 1주일 지나니 여유가 다시 생겨서... 괜히 신청 안 한 것 같아 후회가 된다. 1년에 3번 정도 응시 기회가 있는데... 이번이 올해 마지막 시험이라... 내년 1월을 기약해본다. 원래 시험은 단기간에 준비해야 더 열심히 하는데 그래도 지금 시간이 생긴 김에 조금 더 공부해보자. 퍼블리셔에서 프론트 개발자를 꿈꾸는 나인데 점점 포기가 된다. 35살이라는 나이도 있기도하고 퍼블리셔로도 충분히 경쟁력을 갖추면 ..

성장일지 2021. 7. 27. 14:19

$(document).mouseup(function (e){ var container = $('.modal'); if( container.has(e.target).length === 0){ $("#mainTest-03").removeClass('show'); $("#mainTest-03").hide(); } });

Javascript 2021. 6. 17. 15:37

두더지를 잡아라!! 0 시작!

Javascript 2021. 4. 26. 11:34

// begin::thumbnail 클릭시 check 활성화 $('.doc_list__box .doc_list__block').on('click', function () { $(this).children('.lb_01').attr('checked', function () { return !$(this).attr('checked'); }); $(this).toggleClass('checked'); }); // end::thumbnail 클릭시 check 활성화 // begin::전체체크 var $checkboxes = $(".doc_list__box .doc_list__block :checkbox"); var $button = $("#check_all01"); var $box = $(".doc_list__..

Javascript 2021. 4. 26. 11:34

1. scroll-behavior 간단한 코드로 모든 웹페이지 내의 스크롤을 부드러운 애니메이션 효과를 줄 수 있다. html { scroll-behavior: smooth; } 2. custom animate javascript this is num 1 this is num 2 move to num1 위와 같은 코드가 존재할때, 위의 자바스크립트를 이용해 move to num1 이 적힌 a 태그를 누르면 num2의 위치로 500ms의 속도로 부드럽게 이동하게 된다. 3. smooth heels.js github.com/fatlinesofcode/jquery.smoothwheel

Javascript 2021. 3. 24. 11:56

*, ::before, ::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { position: relative; margin: 0; width: 100vw; height: 100vh; overflow: hidden; font-size: 62.5%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #f3f5f..

Javascript 2021. 3. 24. 11:06

codepen.io/eehayman/details/qdGZJr Full Page Parallax Scroll Effect A lightweight full page parallax scroll effect.... codepen.io

Javascript 2021. 3. 24. 10:51