본문 바로가기

Web Development

(38)

[JS] sessionStorage 사용법 sessionStorage 내부에 해당 key값이 존재하는지 확인하는 방법 sessionStorage.hasOwnProperty("key")

[JS] 웹 개발 시, 사용할 수 있는 JS라이브러리(그래프, 표) 그래프 1. eCharts Apache ECharts ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization You are welcomed to cite the following paper whenever you use ECharts in your R&D projects, products, research papers, technical reports, news reports, books, presentations, echarts.apache.org 표 1. Tabulator Tabulator - Interactive JavaScript Tables Create interactive data tables in s..

[Jquery] datepicker 날짜 제한하기 현재 날짜를 기준으로 90일 이전까지로 날짜 제한하기 min_date = new Date(new Date().setDate(new Date().getDate()-90)) $("input[type=date]").attr("min", min_date.toISOString().substring(0, 10)) $("input[type=date]").attr("max", new Date().toISOString().substring(0, 10))

[Django] Static 파일 폴더 분리하기 django에서는 static 파일을 아래와 같이 STATIC_DIR로 static 폴더에 분리해 사용할 수 있다. STATIC_DIR = os.path.join(BASE_DIR, 'static') 하지만, 이 경우에는 파일 유형 및 앱에 상관없이 한꺼번에 static 폴더에 저장되어야 하기 때문에, 파일 수가 많아질수록 관리하기 어렵다는 단점이 있다. 이때, STATICFILES_DIRS를 사용하면, static 폴더를 분리해 관리할 수 있다. STATICFILES_DIRS = [ os.path.join(STATIC_DIR), os.path.join(STATIC_DIR, 'js'), os.path.join(STATIC_DIR, 'js', 'detailed info'), os.path.join(STATI..

[JS/eCharts] 마우스 클릭 시, 가까운 x-axis label 출력 graph.getZr().on('click', function(params) { var pointInPixel = [params.offsetX, params.offsetY]; var pointInGrid = graph.convertFromPixel('grid', pointInPixel); axis = pointInGrid[0] +1 if (graph.containPixel('grid', pointInPixel)) { selected_axis = difference_graph.getOption().dataset[0].source[axis][0] console.log(selected_axis) } }); Reference Examples - Apache ECharts echarts.apache.org

[CSS] display:flex와 float:right이 함께 적용되지 않을 때 해결방법 You can't use float inside flex container and the reason is that float property does not apply to flex-level boxes . So if you want to position child element to right of parent element you can use margin-left: auto but now child element will also push other div to the right 결론: display:flex를 적용했을 때는, float:right 대신 margin-left:auto를 쓰자 Reference Making a flex item float right I have a Ignore par..

[CSS] div 내 child item 수평으로 가운데 정렬하는 방법 (vertical align) display:flex; align-items: center;

[Django] docker 사용해서 django 앱 배포하기 0. docker 설치 docker을 실행시켜줘야 docker 명령어 사용 가능 1. Dockerfile 생성 pip list 명령어를 통해 설치된 라이브러리 버전 확인 pip list requirements.txt에 필요한 라이브러리 및 버전 작성 (이후, pip install -r requirements.txt를 통해 해당 라이브러리들이 자동적으로 설치되게 함) django==3.2.7 pymysql==1.0.2 pandas==1.2.1 FROM python:3.9.1 WORKDIR /web COPY . . RUN pip install --upgrade pip RUN pip install -r requirements.txt EXPOSE 8000 CMD ["python", "manage.py", "ru..

이전 1 2 3 4 5 다음

티스토리툴바