積小成大:티끌 모아 개발

[HTML] input type=date (yyyyyy-mm-dd) 해결 방법 | 달력 표시하기캘린더에서 날짜를 선택하는 방식, 직접 날짜를 입력하는 방식으로 내가 검색 조건을 받을 때 제이쿼리대신 간편하게 쓰는 태그 중 하나다. 제이쿼리 캘린더를 사용하면 커스텀이 용이하지만chun-k.tistory.com 지난 포스팅에서 input type이 date 타입일 때 연도가 6자리로 표시되는 것과 달력 표시하는 방법에 대해 적어 놨었다. 오늘은 input type이 date일 때 placeholder 적용하는 방법이다.label이 있다면 굳이? 싶은 기능이지만 input date는 연도-월-일 이라는 내용이 자동으로 적용되기 때문에label 없는 디자인에서는 뭐가 무슨 날짜인지 알 수가 없다. 그럴 때 우리..

캘린더에서 날짜를 선택하는 방식, 직접 날짜를 입력하는 방식으로 내가 검색 조건을 받을 때 제이쿼리대신 간편하게 쓰는 태그 중 하나다. 제이쿼리 캘린더를 사용하면 커스텀이 용이하지만 아직까지 커스텀을 휘황찬란하게 할 일이 없어서  주로 input 태그의 date 타입을 자주 사용한다. 손쉽게 캘린더를 만들 수 있지만 몇가지 단점이 있는데 그 단점을 보완?하는 방법이다.단점1. yyyyyy-dd-mm캘린더에서 날짜를 선택한 경우 yyyy-mm-dd 형태로 잘 입력이 된다. 그러나 input창에 직접 연도월일을 입력하게되면 yyyyyy-mm-dd의 형태로 연도가 6자리까지 입력을 받을 수 있게 되는데이게 사용성 측면에서는 별로인거다. 기본 설정이 6자리이기 때문에 발생하는 현상이라 별도로 max값을 지정해서..

새 프로젝트를 하면서 이제 첫 뷰를 작성해보려고 했다.URL 연결하고 어쩌구 ~ "python manage.py runserver" 서버실행이 더딜때 쯤.....그 때 불안감을 엄습해오는 불길한 예감. UnicodeDecodeError: 'cp949' codec can't decode byte 0xe2 in position 9735: illegal multibyte sequence ??? 진짜 듣도보도 못한 에러 + 내 코드에서 터진게 아님(써놓은 코드가 없거든)웹 브라우저에서는 저거만 내뱉고 ...터미널에서는 저 빨간 오류만 주르륵 내뱉고....진짜 이거 해결하다가 팀장님한테 저 집갈래요 시전하고 도망가기 직전에 해답을 찾았다. 우선 잘못된 인코딩 설정으로 인해 발생하는 오류고,특히, Django가 H..

지난 venv를 가상환경으로 잡고 진행한 프로젝트가 마무리(?)되어 일단 테스트서버 문앞까지 갔다. 그리고 연이어 시작된 두번째 프로젝트.지난 venv를 가상환경으로 잡은 프로젝트에서도 내 컴퓨터에는 파이썬 버전 3.7, 3.8 두개가 설치되어 있었고venv는 내가 명시적으로 파이썬 버전을 잡아줄 수 있어서 환경변수는 3.7로 설정되어 있었다. 자세한 내용은 아래 포스팅! [Django] 파이썬 버전 바꾸고 가상환경으로 프로젝트 세팅하기(venv)개발감자 3개월차. 3개월 간 어미새 선임님이 세팅해준 프로젝트 받아서 본분을 다한 아기새 통감자. 회사가 바빠지면서 내가 스스로 세팅해야하는 일이 생겨서 처음으로 세팅해 본 장고+파이chun-k.tistory.com 두번째 프로젝트는 팀장님이 기초 세팅을 해주..

JS 스터디 2주차객체 구축 연습(Object building practice)https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_building_practice기본 설정1. HTML과 CSS, JavaScript로 기본적인 공 애니메이션을 구현 2. 공들이 화면에서 튕기고 충돌 시 색상이 변경 기본 캔버스 설정우선 제공되는 js를 살펴보면 캔버스의 크기를 브라우저의 전체크기로 설정해주고 난수를 생성, 랜덤 색상을 생성하는 도우미 함수 정의까지는 되어 있는 상태. 난수 생성 함수는 공의 위치, 속도, 색상 등을 무작위로 설정하기 위해 사용된다.Ball 클래스 정의 우선 공의 속성을 정의해준다.공의 위치나 속도, 색상, 크기등을..

인프런 강의가 너무 기초에 가까워서 스터디원들과 상의한 후 mdn web docs에 있는 문제를 보고주어진 조건에 따라 코드를 작성하는 방식으로 바꾸었다. IDE는 내가 사용하던게 제일 간편해서 인텔리제이에서 작업 할 예정이다.-원본-https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Image_gallery기본 설정1. 디렉토리를 하나 만든다.2. 해당 디렉토리 안에 index.html과 main.js. 두개의 파일을 생성한다.3. main.js를 참조하는 html에  아래 파일을 다운받으면 HTML, CSS 모두 작성이 되어있기 때문에우리는 JS파일만 수정하면 된다.이미지 순회하기반복문. 즉, for문을 사용해서 thumb-b..

처음에 목표했던 CS관련 지식 스터디가 종료되고 무엇을 시작할까 동기들과 고민했었다. 물론 지난 반년간 공부한 지식으로는 아직 한참 모자라고,알아야하고 배워야하는 것은 더 많지만 취업준비중이 아닌 다들 현업에서 일을 배우고 있는 상황이기에공통적으로 필요한 것을 우선적으로 시작하게 되었다. 현업에서 JS를 사용하고는 있지만 울며 겨자먹기로 고차원적인 내용부터맨땅에 헤딩을 하고 있으니 기초부터 다시 해보는걸로! 기본적인 자료형, 조건반복문은 제외하고 연습문제나 실습 위주로 작성해보려고 한다. 강의 자료는 인프런으로 한다.학습명 : 쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스레벨 1연습문제1 1. 두 수를 입력받아 사칙연산의 결과를 표시해본다.    2. BMI를 계산하는 프..

운영 중인 페이지 전면 개편을 하며,,, 기존 운영 페이지를 지탱하고 있는 PHP, ORACLE 그리고 그 안의 패키지와 프로시저들. 기능 구현을 최대한 똑같이 하면서 편리성은 업그레이드를 해야하기 때문에 쿼리를 바락바락 뜯어보던 중 발견한WHERE 절의 =: 표시! 구글에서도 안알려주더란다.왠지 팀장님께 여쭤보면 융단폭격이 약간 예상되기 때문에 약간 우회를해서 쿼리에 온 몸이 갈려나간 감자동기에게 질문을 던졌다. " WHERE절이 이렇게 저렇게 있는데 여기서 =: 이게 대체 뭔표시야?""아 그거 변수" ... 변수... 변수...  := 이 표시는 쿼리문에서 변수를 받을 때 쓰는 표시였다.ORACLE SQL DEVELOPER에서 CTRL+ENTER를 눌러보면 바인드를 입력하라는 창이 나온다.  :) 오..

CS 스터디 16주차 옵저버 패턴 & 스트레티지 패턴  &  컴포지트 패턴별로 중요한 패턴들은 아니라 한번에 다루게 되었다.주요 정리만 하고 넘어 갈 예정이다. 옵저버 패턴 옵저버 패턴은 객체의 상태 변화를 관찰하는 옵저버들(리스너)에게 그 변화를 알리는 디자인 패턴으로 주로 이벤트 기반 시스템에서 사용된다. 주체(Subject)와 옵저버(Observer) 로 구성되어 있고 주체는 상태를 관리하고 옵저버는 주체의 상태 변화를 감지하는 특징이 있다.이 두가지 구성은 서로 느슨하게 결합되어 있기 때문에 주체는 옵저버의 구체적인 구현을 알 필요가 없다.이러한 느슨한 결합의 특징은 새로운 옵저버를 쉽게 추가할 수 있도록 확장성이 높은 특징을 가진다. 옵저버 패턴의 사용방법우선 두개의 클래스와 하나의 인터페이스가..

현재 백오피스(관리자) 기능의 페이지를 구현중이다. DEV-DB에서 개발 중이지만, 운영 DB를 가지고 로컬에 복붙해놓은거라 그동안 개발공부를 하면서 더미로 집어넣은 소소한 데이터와는 양 자체가 다르다. 앞서 php로 구현된 구 코드들은 구현을 오라클 패키지를 사용해서 데이터를 호출했지만python으로  전면 개편하게 되면서 패키지는 생각하지 못하고 그냥 쿼리셋을 날린 결과 속도저하가 발생했다. 회원의 그룹과 계정을 각각 조회할 수 있는 페이지를 만들었고그룹을 조회하는 페이지는 잘 로드되지만 계정을 조회하는 페이지는 로드되는데 시간이 너무 오래걸리면서아래와 같은 ConnectionAbortedError가 나왔다. (시간이 지나면 로드가 되긴 됨) 어차피 이대로는 실서버 반영을 할 수 없으니 쿼리 속도를 ..