코린이의 기록

문제 front-end에서 POST API를 사용하여 file을 upload 해야하는데, 10MB 이상을 업로드 하려니까 아래와 같은 error log가 발생했다. 서버 환경 : Nginx error log [error] 7#7: *17 client intended to send too large body: 10596411 bytes, 해결 방법 해결방법은 간단하지만 reverse proxy라는 속성으로 조금 해매었다. nginx config (conf.d/default.conf)파일에서 client_max_body_size 라는 부분만 추가해주면되는데, 업로드할 서버의 {} 안에 해당 설정값을 넣어주어야 한다. conf.d/default.conf server { listen 8080; .... } se..

Config Options myChart = new Chart(ctx, { type: 'doughnut', data: { .... }, options: { // 여기에 들어갈 옵션들 }, } }); Responsive Charts Name Type Default Description responsive boolean true 값이 true이면 chart의 canvas size를 resizing할 수있다. ` number 0 Duration in milliseconds it takes to animate to new size after a resize event. maintainAspectRatio boolean true Maintain the original canvas aspect ratio (widt..

Angular JS Logout Login ng-if 값에 따라서 다른 링크를 연결한다. Angular로 작성된 코드를 React로 바꿔보면 React if(user.session) return React.createElement('a', {href: '/logout'}, 'Logout') else return React.createElement('a', {href: '/login'}, 'Login') React의 특징은 선언형 프로그래밍이다. 선언형 프로그래밍은 결괏값에 더 집중한 것이 명령형 프로그래밍과 대조적이다. 지역변수를 더 적게 사용하고 논리도 단순하게 표현할 수 있다. 기존에 jQuery를 사용할 때는 DOM을 조작하여 필요한 부분을 변경했다면, React는 내부적으로 가상 DOM을 사용하여..

1. Dockerfile 설정 $ sudo vim Dockerfile FROM ubuntu:18.04 MAINTAINER YOUR_NAME # Install Nginx. RUN apt-get update RUN apt-get install -y nginx RUN echo "\ndaemon off;" >> /etc/nginx/nginx.conf RUN chown -R www-data:www-data /var/lib/nginx # Define mountable directories. VOLUME ["/etc/nginx/sites-enabled", "/etc/nginx/certs", "/etc/nginx/conf.d", "/var/log/nginx", "/var/www/html"] #copy origin co..

초보를 위한 도커 안내서 - 도커란 무엇인가? 초보를 위한 도커 안내서 - 설치하고 컨테이너 실행하기 초보를 위한 도커 안내서 - 이미지 만들고 배포하기

ajax로 받아온 data들을 .done 구문안에서 table에 append 하는 걸 구현하려고 하는데, 뒤죽박죽 섞여서 만들어지는 문제가있어 async:false 옵션을 추가하였다. $.ajax({ url: SERVER_PATH, type: 'GET', headers: { Accept: "application/json; charset=utf-8", "Content-Type": "application/json; charset=utf-8", Authorization: 'Bearer ' + sessionStorage.getItem("adminToken"), }, data: data, dataType: 'json', success: function (result) { // ... 생략 }, error: fun..

간단한 몇줄 소스 수정할때마다 톰캣이 reload되니 overload가 생겨서 이 기능을 없애기로 했다. 방법은 아주 간단하다. server.xml 에서 reloadable="true"를 "false"로 바꿔준다. 수정 전 수정 후

$("#admin-ui-sw-management").on("click", ".admin-sw-modify", function(){ .... }); "click" event가 두번 발생할 때 이를 방지하기 위해서 off 를 사용한다. $("#admin-ui-sw-management").off().on("click", ".admin-sw-modify", function(){ .... }); Reference https://stackoverflow.com/questions/14969960/jquery-click-events-firing-multiple-times https://steemit.com/jquery/@jesusaddict/jquery-click