모모의 IT성장수첩

클래스 우리반 ... 실시간 2020.11.19.10:56 기준 취미 클래스 수업기간: 수강인원 결석 출석 지각 No 학년 반 번호 이름 진도율 학습 횟수 학습 시간 최근 학습일 출석현황 자기 평가 학생의견 강의별 현황 × 수업명 : 사회 2차시​ 이름 이동윤 학년 3 반 2 번호 1 강의명 진도율​ 인터랙션 참여율​ 학습 횟수​ 학습시간 최근 학습일 출석 현황​ 자기 평가​​ 학생 의견​​ 01강 역사의 의미와 역사 학습의 목적, 세계의 선사 문화와 고대 문명(1)​ 100%​​ 80%​​ 2회​​ 25분​​ 2021-02-24​ 10:25​ 수강중 미참여 - 02강 국회​ 60%​​ 80%​​ 1회​​ 20분​​ 2021-02-24​ 10:25​ 수강중 미참여 - 학생 의견 × 수업명 : 사회 2차시..

Javascript 2021. 3. 13. 02:32

로또추첨 프로그램 START 당첨 숫자 보너스! //로또js const lot_btn = document.querySelector('.lot_btn'); const pick = document.querySelector('.pick'); // //버튼 클릭시 함수실행 // lot_btn.addEventListener('click',function(){ // lot_btn.classList.remove('active'); // pick.classList.add('active'); // const candidate = Array(45).fill().map((v, i) => i + 1); // const shuffle = []; // while (candidate.length > 0) { // const ran..

Javascript 2021. 3. 13. 02:27

메뉴뽑기 다시 뽑기 확정 $(document).ready(function() { var gift; var present =[ '짜장면','파전','해물된장찌게','떡볶이','짬뽕','비빔국수'] iniGame = function(num){ gift = num; TweenLite.killTweensOf($(".board_on")); TweenLite.to($(".board_on"), 0, {css:{rotation:rotationPos[gift]}}); //돌린판 돌아가는 바퀴/속도 TweenLite.from($(".board_on"),2, {css:{rotation:-500}, onComplete:endGame, ease:Sine.easeOut}); console.log("gift 숫자 : "+ (gif..

Javascript 2021. 3. 13. 02:21

00:00 // 투두리스트js // clock.js const clockContainer = document.querySelector(".js-clock"), clockTitle = clockContainer.querySelector("h1"); function getTime() { const date = new Date(); const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); clockTitle.innerText = `${hours < 10 ? `0${hours}`: hours}:${minutes < 10 ? `0${minutes}`: minutes}:${seconds < 1..

Javascript 2021. 3. 13. 02:18

roadmap.sh/frontend Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh

성장일지 2021. 2. 2. 14:44

Javascript 2021. 1. 3. 20:56

기본적인 슬라이드쇼가 아니라 다양한 화면 전환효과, 슬라이드쇼의 쉽고 효과적인 제어, 터치/스와이프 등의 기능 추가, 사진과 동영상의 혼용 등 추가적인 기능이 필요하다면 직접 구현하는 것보다 라이브러리를 갖다 쓰는 것이 낫다. Swiper : 모바일에 특화되어 있고, 스와이프를 기본으로 지원하며 옵션이 굉장히 다양해 코드를 수정할 일 없이 옵션부여만으로 다양한 효과를 줄 수 있다. https://swiperjs.com/ slick : 역시 스와이프를 기본지원하고, 옵션은 Swiper보다 조금 적지만 그만큼 사용이 간단하다. 슬라이드를 동적으로 추가/제거하는 기능, 필터링으로 조건을 달아 슬라이드별로 숨기고 보이는 기능 등을 구현할 일이 있으면 좋다. http://kenwheeler.github.io/sl..

퍼블리싱 2020. 8. 7. 17:06

장점 : 컬러스타일로 지정된 컬러들은 스타일 수정하면 한번에 일괄 적용된다. 거의 모든기능에 단축키가 있다. 양손 디자이너에게 큰 이점이 될 것. 스캐치에 있는건 거의 다된다. 이미지 보정은 더 많이 된다. 하지만.. 계정 등록만 되어있다면 웹과 앱 디바이스 수에 상관없이 어디서든지 할 수 있다. 크롬에서도 구동이 되기 때문에 내 아이디만 있으면 피시방에서도 할 수 있다. 폰트 걱정 안해도 된다. 구글폰트에 있는거 다 들어있다. 저작권만 걱정하자 여러명이 동시 작업된다. 핀으로 찍어서 바로 피드백 줄 수있다. 협업을 강조하는 피그마다운 장점. 어떻게 보면 앱스트랙터보다 사용자 친화적으로 보인다. 심볼에서는 수정 제약이 있지만 피그마 컴포넌트엔 없다. 그래서 수정이 자유롭다. 스캐치와는 살짝 개념이 다르기..

기타 정보 2020. 7. 13. 13:52

웹표준 사이트 기본 세팅값 head 세팅 기본 설정을 정리해봅니다. #html기초세팅 #head영역정리 사이트 기본폴더 정리 #html폴더정리 assets 안에는 css/font/images/js를 구분해서 넣어줍니다.

퍼블리싱 2020. 7. 11. 08:00