정수의 코닥코닥

마우스가 올라갔을때 밑줄을 넣는 방법 .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); border-bottom: .15rem solid transparent; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); border-bottom-color: rgba(0, 0, 0, 0.7); } bootstrap.css를 응용하였으며 기존의 navbar-light 밑의 navbar-nav의 밑의 nav-link에 border-bottom을 지정해 줍니다. (밑줄) 그리고 마우스 오버 즉 foc..

background에 img를 가져와 full screen으로 채우고 싶었지만 잘 되지 않았다. 현재 상황에서의 소스 구글 검색 결과 그냥 단순하게 height: 100%;만 추가하면 된다고 하였다 ;; 처음에는 단순히 header.masthead에만 height: 100%;를 추가하였는데도 똑같아 한참을 고민해본 결과 혹시?? 하고 html과 body 태그에도 height: 100%를 추가해 주어보았다 {% load static %} Navbar Home (current) Link Dropdown Action Another action Something else here Disabled Search bootstrap의 기본 css를 불러오고 있어 직접 소스코드에 하드코딩으로 style를 넣어주었다. 성..

https://daydreamer-92.tistory.com/14 [Spring] 스프링 기본 / DB값 Select 해서 화면에 보여주기(1) 내가 해야한 것이, 서버에 파일을 저장해놓고, DB에 그 URL을 저장시킨다. 그리고 쿼리로 그 DB에 있는 URL을 불러오도록 하고. controller부터 시작해서 그 데이터를 가져온 뒤 a href 링크안에 그 URL을 daydreamer-92.tistory.com 먼저 문제는 컨트롤러에서 JSP로 보내줄때 data라는 키값으로 보내줘야함 근데 select 자체에서 com.project.vo.ProjectVO@5e4ee8c, 식으로 보내는중

https://integer-ji.tistory.com/234 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(funct.. integer-ji.tistory.com 년월일을 스크립트에서 보내줄때 1월은 1로 떨어지고 있다. 1월을 01월로 바꾸기 위해 자리수를 2자리 미만일 경우에만 자리수를 채워주기로 하였다. if len(request.POST['month']) < 2: changeMon..

목적 : javascript에서 보내는 값을 내가 원하는 값으로 바꾼다. html에서는 "년도", "월", "일"을 보낸다. 하지만 birth_date에 저장해야할 값의 format는 "YYYY-MM-DD" 이다. 에초에 스크립트단에서 함수를 호출해 값을 모두 전달해주면 모를까 해당 값만 view 단에서 해결하기로 하였다. 1. 값 뽑아내기 회원가입 로직의 일부분이다. 값을 html에서 잘 가져오는지 확인하기위해 print문으로 출력했다. 잘 가져온다. 여기서는 그냥 가져온 값을 모두 합쳐주면 된다고 생각했다. 하지만 내가 원하는 값이랑 달랐다. 1월일 경우 앞에 0이 붙어야한다. request로 받은 month값의 길이를 체크해서 2보다 작을경우 zfill 함수를 써서 2자리까지 앞에 0을 붙여준다. ..

출처 및 참고 : 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..

해당 작업을 완성을 해야하는데 글자 안에 같은 태그를 어떻게 하는지 모르겠어서 찾아본 결과 간단하게 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:..

유튜브 알고리즘을 통해 해당 영상을 보게되었다. 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 ..

회원가입 페이지를 form 으로 설정하였다. # myProject/myMember/forms.py from django import forms from django.db import models from .models import Profile from django.contrib.auth.models import User from betterforms.multiform import MultiModelForm from django.views.generic.edit import CreateView from django.contrib.auth.forms import UserCreationForm class DateInput(forms.DateInput): input_type = 'date' class Crea..

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