전체 글 372

jQuery input text에 숫자만 받기

https://hihoyeho.tistory.com/entry/%ED%85%8D%EC%8A%A4%ED%8A%B8%EB%B0%95%EC%8A%A4input-text%EC%97%90-%EC%88%AB%EC%9E%90%EB%A7%8C-%EC%9E%85%EB%A0%A5-%EA%B0%80%EB%8A%A5%ED%95%98%EB%8F%84%EB%A1%9D-%EC%84%A4%EC%A0%95 텍스트박스(input text)에 숫자만 입력 가능하도록 설정 1 jQuery를 사용하여 numberOnly라는 attribute로 선언된 텍스트필드에 숫자만 입력할 수 있도록 만들어보겠습니다. 사실 숫자만 입력 가능하도록 하는 예제는 인터넷상에 굉장히 많이 존재합니다. 아 hihoyeho.tistory.com 해당 블로그에 좋은 ..

카테고리 없음 2020.07.28

django view에서 넘겨준 값 javascript로 받아주기

프로필 수정을 하면서 디자인 수정을 하기 위해 form을 수정하였습니다. 하지만 html 하드코딩으로 디자인을 바꿔주니 사용자 정보를 못가져오네요 해당 html 입니다. {%csrf_token%} Profile_update 이메일 비밀번호 비밀번호 확인 이름 년도 월 일 Update Profile input text칸에 기존 profile의 값을 넣어주겠습니다. def get(self, request): user = get_object_or_404(User, pk=request.user.pk) conn_user = request.user conn_profile = Profile.objects.get(user=conn_user) if hasattr(user, 'profile'): profile = user..

django NoReverseMatch Reverse for '*' with arguments '('',)' not found. 1 pattern(s) tried: ['*/*/(?P<*>[0-9]+)$']

NoReverseMatch at /timeApp/notices/ Reverse for 'notices_detail' with arguments '('',)' not found. 1 pattern(s) tried: ['timeApp/notices_detail/(?P[0-9]+)$'] detail 페이지를 만드는 중 해당 오류가 나왔습니다. 결론부터 말하자면 url에 받을 notices_id를 찾을수 없다는 내용입니다. notices.html 조차 열리지 않았습니다. 왜냐하면 notices.html에서 notices의 모든 객체를 notices에 넣었기 때문입니다. 그래서 파라메터로 넘길 notices.id를 입력해봤자 값이 없기때문에 views와 url에서 모두 팅기는 것이었습니다. notice.id로 바..

에러 2020.07.25

javascript / jquery 실시간 img src, text 바꾸기

00:00:00 피자한판 맛있는 피자를 구울 만큼의 시간이군요! 현재 저는 해당 이미지를 html에서 사용하고 있으며 특정 값으로 바뀌게 된다면 이미지를 바꾸는 작업을 하고 있습니다. if (document.getElementById("time").innerHTML=='00:00:02'){ document.getElementById('timeImg').src="{% static 'img/timeImg/popkon.png' %}" $("#mainTitle").text("안녕하세요!"); } else if (document.getElementById("time").innerHTML=='00:00:04') { document.getElementById('timeImg').src="{% static 'img/t..

끄적끄적 2020.07.24

django 날짜 가져오기

https://tbang.tistory.com/70 Django 오늘 날짜 오늘 날짜 가져오기 from datetime import datetime from django.utils.dateformat import DateFormat today = DateFormat(datetime.now()).format('Ymd') 날짜 형식은 PHP에서 사용하는 것과 유사하다고 한다. ht.. tbang.tistory.com https://yujuwon.tistory.com/entry/%ED%98%84%EC%9E%AC-%EB%82%A0%EC%A7%9C-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0 [Python] 현재 날짜 가져오기 파이썬에서 현재 날짜 가져오기.. 자주 쓰는 기능인데 항상 까먹는..

html 모바일, pc 접속환경 구분하기

bootstrap에서 소스를 가져다 쓰다보니 모바일 환경에서 반응은 하지만 각 div class마다 다 따로놀아 모바일에서 접속을 막으려 합니다. 이미 jQuery에서 소스를 제공해주고 있으며 jQuery.browser를 사용 var filter = "win16|win32|win64|mac|macintel"; if ( navigator.platform ) { if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) { //mobile console.log('mobile 접속'); } else { //pc console.log('pc 접속'); } } 필터를 걸어 윈도우와 맥 환경을 걸러줍니다. 콘솔 혹은 alert으로 모바일과 PC의 접속환경을 구분지..

끄적끄적 2020.07.23

django template extends multiple / django 템플릿 상속 두번하기

완성되어가는 다음 프로젝트의 TIME catcher입니다. 소스를 짜면서 상단 navbar은 template을 상속받아 공통부분으로 쉽게 작업하였습니다. 하지만 좌측 side바도 똑같은 상속이 필요한 상황.. extends는 한번밖에 사용을 못하니 상속을 두 번 해주기로 하였습니다. base.html이 있는 templates에 base_side.html을 새로 만들어 base.html을 상속받았습니다. 그리고 content_side block를 만들어 또 상속받게 하는 거죠 이제 side를 사용하는 html에 똑같이 extends를 해주면 side도 똑같이 효율적으로 사용할 수 있게 됩니다.

django 게시판 조회수 추가, PositiveIntegerField

django 게시판 조회수 추가 기능을 찾아보다 좋은 글이 있어서 참고하였습니다. https://code1018.tistory.com/248 Code1018 Project (5) - 댓글, 조회수 기능 * 추가할 기능 구현 (게시판) - 댓글 기능 - 조회수 기능 - 게시글 삭제 기능 * 추가할 기능 구현 (인증) - 소셜 인증 ------------------------------------ 오늘은 댓글 기능과 조회수 기능을 추가하였다. 추�� code1018.tistory.com 보통 lib를 많이 사용한다고 하는데 code1018님 처럼 직접 구현해보는것도 간단하고 좋은거 같아요! 기존 curd를 이용하는 모델에서 n_hit를 추가합니다. model은 PositiveIntegerField이며 Pos..

html 마우스오버 밑줄 (bootstrap 사용)

마우스가 올라갔을때 밑줄을 넣는 방법 .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..

끄적끄적 2020.07.21

css background image full screen 채우기

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를 넣어주었다. 성..

끄적끄적 2020.07.18