반응형
반응형

Modal

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

 

https://getbootstrap.com/docs/4.0/components/modal/

 

Modal

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

getbootstrap.com

 

 

 

 

 

 


 

.https://dgkim5360.tistory.com/entry/Bootstrap-modal-custom-size-and-location

반응형
반응형

R 기초강의 : https://youtube.com/playlist?list=PLRYL8FHwJMhDPF2R2pCe_HwqPt0gaUbvN

 

R 기초강의 - YouTube

 

www.youtube.com


R , Rstudio 설치 , 기본사용안내 : https://www.youtube.com/watch?v=et5kqp_omfM


R로 데이터 필터링 하고 csv로 저장하기 : https://www.youtube.com/watch?v=osfZpzmnejE

R에서 Python 사용하기 https://m.blog.naver.com/pmh621/221760062613

 

R스튜디오에서 파이썬 사용하기

본 게시글은 Mac OS를 기준으로 작성하였습니다. 1. R스튜디오 왼쪽 상단에 +표시 되어있는 항목 클릭 ...

blog.naver.com

R과 Python으로 하는 문서 자동화 : https://www.theissaclee.com/ko/courses/rdocs101/

 

R과 Python로 하는 문서자동화 | Issac Lee

R과 Python 코드를 사용하여 문서를 작성하면 일어나는 신기한 일들을 함께 경험해 보시죠.

www.theissaclee.com

 

반응형
반응형

Tableau는 데이터를 사용해 문제를 해결하는 방식에 혁신을 가져온 시각적 분석 플랫폼으로, 사람과 조직이 데이터를 최대한 활용하도록 지원합니다.

https://www.tableau.com/ko-kr/about

 

Tableau 정보

Tableau의 평등 평등은 Tableau의 핵심 문화 가치입니다. 이 가치를 Salesforce와 함께 나누게 되어 기쁩니다. Tableau는 모두가 평등, 포용, 다양성의 챔피언이 될 수 있다고 믿으며, 고객과 커뮤니티의

www.tableau.com

타블로 무료 교육 동영상

https://www.tableau.com/ko-kr/learn/training/20212

 

Free Training Videos - 2021.2

심층 데이터 준비 및 분석을 수행하십니까? 다른 사람을 위해 콘텐츠를 작성하는 책임을 맡고 계시나요?  데이터를 준비하고, 분석하며, 공유하는 방법에 대해 알아보십시오.

www.tableau.com

https://www.youtube.com/watch?v=qT38CVgKIfw 

https://www.youtube.com/watch?v=LDTQv3Yk6Ms 

 

반응형
반응형

차세대 웹 기술지원센터

 

https://www.koreahtml5.kr/front/stats/browser/browserUseStats.do

 

차세대웹기술지원센터 |

차세대웹기술지원센터 소개하고 동향정보와 활용정보, 교육안내 등 관련 정보 제공

www.koreahtml5.kr

일단 크롬이 대세는 확실하군. 

반응형
반응형

PWA란 무엇인가? - Make your app a PWA

 

  • 웹과 앱을 동시에 개발 가능하며, 기존 네이티브의 기능들을 많이 사용할 수 있습니다. 
  • SPA가 기본적으로 구현되어 있어야 빠른 속도로 UI 처리를 할 수 있습니다.
  • 네이티브 앱을 만드는 속도가 2배 이상 빠릅니다. (행정 처리 포함)

 

 

https://www.pwabuilder.com/

 

PWABuilder

 

www.pwabuilder.com

 

https://github.com/pwa-builder/PWABuilder

 

GitHub - pwa-builder/PWABuilder: The front-end for PWABuilder!

The front-end for PWABuilder! Contribute to pwa-builder/PWABuilder development by creating an account on GitHub.

github.com

https://brunch.co.kr/@delight412/298

 

애플 M1은 결국 맥OS에서 웹앱을 몰아낼 것이다

학습 차원에서 틈틈이 해외 전문가들이 블로그나 미디어 그리고 책에서 쓴 글을 정리하고 있습니다. 이번 포스팅도 그중 하나고요. 거칠고 오역된 부분이 있을 수 있습니다. 제대로 번역되지 않

brunch.co.kr

https://brunch.co.kr/@toktokhandev/8

 

PWA란 무엇인가요?

개발 작업 툴 PWA에 대하여 자세히 알아봅시다 ! | 안녕하세요! 똑똑한개발자입니다 :) https://toktokhan.dev 아래 내용은 똑똑한개발자 팀의 매우 주관적인 내용입니다. 개발 방법은 매우 다양하며, 각

brunch.co.kr

https://brunch.co.kr/@macga/35

 

네이티브 앱 꼭 만들어야 할까?

UI/UX 디자이너가 생각하는 네이티브 앱의 필요성 | 취조실 같은 회의실에서 클라이언트가 한없이 착한 눈으로 제게 질문을 해옵니다. "앱까지 만들면 견적이 얼마나 나올까요?" 순간 머릿속에서

brunch.co.kr

 

반응형
반응형

[Node.js] 파일 업로드 하기 (multer 모듈 사용 )

 

참조 : https://junspapa-itdev.tistory.com/27

 

[Node.js 12강] 파일 업로드 하기 (multer 모듈 사용, 한번에 파일 여러개 업로드하기, 삽질한 결과 공

이번엔 nodejs에서 파일을 업로드하는 방법을 알아보도록 하겠습니다. 한번에 여러 이미지를 업로드하는 케이스를 개발했는데 상당히 삽질을 했습니다. 1개만 업로드 할 때는 쉽게 처리하는건 굉

junspapa-itdev.tistory.com

<form name="questionForm" method="post" enctype="multipart/form-data" action="/test/save">
  <input type="hidden" name="TEST_SN" value="1">
  
  <ul id="questionFormList">
    <li>
      <input type="hidden" name="Q_SN" value="2">
      <input type="file" name="IMG_FILE">
    </li>
    <li>
      ...
    </li>
    ...
  </ul>
  <input type="submit" value="전송">
</form>
var multer = require('multer');  //multer 모듈 import
var upload = multer({dest: 'public/images/yesno/'}); //업로드 경로 설정
//미리 폴더를 만들어놔야 하며, 경로 맨 앞에 '/'는 붙이지 않습니다.
var multer = require('multer');	

//multer 의 diskStorage를 정의
var storage = multer.diskStorage({
  //경로 설정
  destination : function(req, file, cb){    

    cb(null, 'publics/images/');
  },

  //실제 저장되는 파일명 설정
  filename : function(req, file, cb){
	//파일명 설정을 돕기 위해 요청정보(req)와 파일(file)에 대한 정보를 전달함
    var testSn = req.body.TEST_SN;
    var qSn = req.body.Q_SN;

    //Multer는 어떠한 파일 확장자도 추가하지 않습니다. 
    //사용자 함수는 파일 확장자를 온전히 포함한 파일명을 반환해야 합니다.        
    var mimeType;

    switch (file.mimetype) {
      case "image/jpeg":
        mimeType = "jpg";
      break;
      case "image/png":
        mimeType = "png";
      break;
      case "image/gif":
        mimeType = "gif";
      break;
      case "image/bmp":
        mimeType = "bmp";
      break;
      default:
        mimeType = "jpg";
      break;
    }

    cb(null, testSn + "_" + qSn + "." + mimeType);
  }
});

var upload = multer({storage: storage});

파일명 + 현재일시 추가

const multer = require("multer");
const path = require("path");

let storage = multer.diskStorage({
    destination: function(req, file ,callback){
        callback(null, "upload/")
    },
    filename: function(req, file, callback){
        let extension = path.extname(file.originalname);
        let basename = path.basename(file.originalname, extension);
        callback(null, basename + "-" + Date.now() + extension);
    }
});

// 1. 미들웨어 등록
let upload = multer({
    storage: storage
});

https://victorydntmd.tistory.com/39

반응형

+ Recent posts