끄적끄적 68

javascript select box 년월일 보여주기

출처 및 참고 : https://choija.tistory.com/74 jquery select box 연도 보여주기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 $(document).ready(function(){ setDateBox(); }); // select bo.. choija.tistory.com 회원가입에 필요한 년월일 selectbox 예제를 찾다가 해당 사이트를 발견하였다. 연도와 월의 샘플을 찾았으니 일자도 추가하여 수정해주었다. head에 jquery를 불러와 준다. (부트스트랩에 있음) https://getbootstrap.com/ Bootstrap The most p..

끄적끄적 2020.07.14

html 글자 양 옆에 선 그어주기

해당 작업을 완성을 해야하는데 글자 안에 같은 태그를 어떻게 하는지 모르겠어서 찾아본 결과 간단하게 css를 사용해서 사용하면 된다고 하였다. 배운곳 : https://okky.kr/article/367061 https://jsfiddle.net/z8jddc0o/1/ .hr-sect { display: flex; flex-basis: 100%; align-items: center; color: rgba(0, 0, 0, 0.35); font-size: 12px; margin: 8px 0px; } .hr-sect::before, .hr-sect::after { content: ""; flex-grow: 1; background: rgba(0, 0, 0, 0.35); height: 1px; font-size:..

끄적끄적 2020.07.12

개발자 도구를 이용한 크롬 공룡 게임 수정해보기

유튜브 알고리즘을 통해 해당 영상을 보게되었다. https://www.youtube.com/watch?v=mrx2nnikwOw 개발자 도구를 이용한 html 게임을 수정하는 방법을 알려주었다. 재미있을거 같아서 시작해보았다. 인터넷 연결이 없을때 크롬에서는 공룡 게임옵니다. 해당 공룡 게임은 아래의 주소를 통해 들어가면 인터넷이 연결되어 있어도 공룡 게임을 할 수 있게 해준다! chrome://dino/ 스페이스바를 눌러서 시작한 모습 이제 이 게임을 개발자도구를 이용해 수정 할 수 있다. https://github.com/andreicociuba/dinogame andreicociuba/dinogame auto-player for the dinosaur runner game. Contribute to ..

끄적끄적 2020.07.11

js와 css를 적용 할 때 캐시 누적 방지하기

먼저 진행중인 프로젝트에서 css를 많이 바꾸게 되어 캐시가 꼬여버렸습니다. 그래서 대부분 시크릿 모드에서 작업을 하곤 하였는데 오늘은 이렇게 쌓이는 캐시를 방지하는 법을 적용시켜 보겟습니다. 이렇게 css를 불러올때 뒤에 파라미터 값을 보내주면 됩니다. css 변경 후에는 1.1으로 올려서 적용한다면 파라미터값이 변하면서 다른 값으로 인식되기때문에 캐시를 방지할수 있습니다. 참고 https://gahyun-web-diary.tistory.com/135 [HTML].css 또는 .js 파일 캐시 방지하는 간단한 방법 캐시는 url을 기준으로 동일한 url을 요청한 적이 있는지를 판단해 요청한 적이 있다면 이전요청에서 저장해둔 데이터를 불러온다. 그래서 수정을 여러번 거치다보면 제대로 작동하지 않는 경우�..

끄적끄적 2020.07.08

myPieChart, chart.js 크기 조절하기

해당 그래프의 크기가 너무 작아 설정을 하려고 해도 부트스트랩의 css가 겹쳐있어 크기 수정이 안되고 있습니다. 이럴때에는 가져오는 그래프 의 상위에 https://ming9mon.tistory.com/m/108chart.js 크기 조정 / 사이즈 조정chart.js 샘플을 가져와 실행시켜보면 엄청 크다 ... 그래서 chart의 크기를 변경하는 방법을 찾아보았다. 1. chart.js 정적 크기 우선 chart를 그려줄 canvas태그를 넣어주고 원하는 높이와 넓이를 설정해 ming9mon.tistory.com참고 로 감싸 크기를 조절할수있습니다. 적용을 하면 이렇게 크기가 켜졌지만 구석으로 옮겨졌네요 이제 위치만 수정하면 될거같습니다.

끄적끄적 2020.07.07

Time Catcher Project - 진행 상황

진행 상황 base.html 추가 {% load static %} CALENDER MY PROFILE {% block content %} {% endblock %} base에서 css, js, navbar 관리 {% extends 'base.html' %} {% load static %} {% block content %} 내가 놓치고 있는 시간들은 얼마일까? 타임캐쳐, 더 나은 내일을 위한 선택 일시정지 나의 시간 00:00:00 {% endblock %} main같은 경우는 버튼을 누를시 css 수정하였고 저장하기를 누르면 데이터를 저장하기 mypage {% extends 'base.html' %} {% load static %} {% block content %} 안녕하세요 :) {{ id }}님 ..

끄적끄적 2020.07.07

Timecatcher

메인페이지 - 포인트가 없다. - 하루의 시간을 모으는 아이콘 추가 Ex) 30분정도면 피자 한판을 굽는시간 등등 마이페이지 - 24시간이 지나면 리셋 좌측 상단 … 메뉴를 통해 회원가입, 로그인, 로그아웃 진행 첫 사이트 진입시 메인페이지 노출 시간 저장하기 누를시 로그인이 안되어 있으면 회원가입 or 로그인 알림창 출력 아이콘 시간별 만들기 아이디어 - 라면 끓이는 시간 3분 - 도시락 돌리는 시간 4분? - 샤워하는시간 20분 - 치킨 기다리는 시간 40분 - 영화 한변 한시간 반 - 서울에서 대전까지 두시간 + 추가해야, 생각해야할 것들 - 5~7,8 분 - 10 - 15 - 30 - 두시간이상으로 떠오르는거

끄적끄적 2020.07.02