본문 바로가기 메뉴 바로가기

세줄코딩

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

세줄코딩

검색하기 폼
  • 분류 전체보기 (447)
    • 알고리즘 (2)
    • Programming language (259)
      • Python (8)
      • mongodb (2)
      • nodejs (7)
      • D3js (3)
      • Reactjs (15)
      • vuejs (11)
      • Typescript (0)
      • Angularjs(1.x) (19)
      • Angular( 2.x~ ) (5)
      • javascript (79)
      • jQuery (15)
      • HTML & CSS (51)
      • iOS & objective-C (8)
      • Flash (30)
      • mobile (2)
      • Canvas (1)
      • C (3)
    • 죽이는사이트 (20)
    • 유용한 정보 (111)
    • 참고사이트 (8)
    • 잡다 (3)
    • 책 리뷰 (14)
    • 살이되는 지식 (7)
    • Portfolio (19)
    • 영단어공부 (1)
  • 방명록

분류 전체보기 (447)
프론트엔드에서 file upload/download

일주일기간의 플젝으로 퍼블리싱 산출물만 내기로 하다 개발까지 하게 되어서 급하게 api 연동을 하게 되니 정신이 없었다. 그렇다고 기간이 일주일 밖에 남지 않은 상황에서 vue로 작업하기엔 내 머리속에 Vue 존재는 희미했다. "안녕~ 잘가 ~ Vue" "역시나 이런 플젝은 jquery 너 밖에 없다 !!!!!!!!" "하지만 라우트는 어케하고??????" "에이 몰라~!" 결론 jquery + es6 + axios + tweenmax + bootstrap 역시 이런 건 짬뽕이 쵝오~~~~~ 하여 플젝은 시작되었고 앵귤러를 했을때 기억을 더듬으면서 es6와 axios를 섞어가며 api연동 작업을 했다. ...................................... ....................

Programming language/javascript 2019. 8. 2. 12:49
Blob로 파일 다운로드시 type 지정.

Blob로 파일 다운로드 실행시 type 지정 .rar - application/x-rar-compressed, application/octet-stream .zip - application/zip, application/octet-stream, application/x-zip-compressed, multipart/x-zip //res.data 는 통신 성공 후 response에 지정된 data 이다. let blob = new Blob([res.data], { type: 'application/zip' })// zip 형태로 파일을 다운로드 받게 된다. let url = window.URL.createObjectURL(blob) window.open(url);

Programming language/javascript 2019. 7. 24. 17:32
On npm install: Unhandled rejection Error: EACCES: permission denied ( npm 설치 : 처리되지 않은 거부 오류 : EACCES : 사용 권한이 거부되었습니다. )

Restore ownership of the user's npm related folders, to the current user, like this: ( 다음과 같이 사용자의 npm 관련 폴더의 소유권을 현재 사용자에게 복원합니다. ) sudo chown -R $USER:$GROUP ~/.npm sudo chown -R $USER:$GROUP ~/.config 하다하다 안되서 결국 터미널에서 아래처럼 치니 한방에 해결 뙁 !!!!!!1 brew install node

Programming language/nodejs 2019. 7. 17. 10:27
페이징처리를 위한 2차 배열 형식 만들기.

단순히 1차원 배열 상태의 데이터를 받는다고 치자. 그런데 이 데이터를 이용해 한 화면에 8개 리스트를 만들어 보여주고 나머지들은 페이지처리한다고 할때 데이터가 담긴 배열을 조금 손볼 필요가 있다. JS /** * [ [...], [...] ] --> 다중배열 형식으로 데이터 만들어줌 * @param targetData * @param rowNm * @param colNm * @returns {Array} */ function multipleArrays( targetData, rowNm, colNm ) { var sort = []; for (var i = 0; i < rowNm; i++) { sort[i] = []; for (var j = 0; j < colNm; j++) { var ln = (i * c..

Programming language/javascript 2019. 7. 8. 18:54
디바이스 정보 알아내기.

디바이스 정보 알아내기. 정리가 필요할 듯 ~ //사용법 getDeviceInfo( userAgentCheck() ); function userAgentCheck() { var isIE, isIEver, ieFlag, isEDGE, isChrome, chromeVer, isFireFox, fireFoxVer, isSafari, safariVer, isOpera, operaVer, isMac, isIPhone, isIPad, isIOSver, isAndroid, androidVer, androidMobile, androidTablet, browserInfo, userAgent = window.navigator.userAgent.toLowerCase(); //console.log( userAgent ) //..

Programming language/javascript 2019. 6. 8. 16:23
git 명령어 사용하기

git checkout temp - 브랜치 이동 git checkout {새로운 로컬 Branch 이름} git checkout -b develop master - master을 기준으로 로컬에 새로운 브랜치를 생성합니다 git checkout -b develop origin/develop - 원격 브런치가 이미 존재 할 경우 원격 브런치를 기준으로 로컬 브랜치를 만드는 방법 ( checkout 명령에 -b 옵션을 넣으면 브랜치 작성과 체크아웃을 한꺼번에 실행 ) git checkout -b {새로운 로컬 Branch 이름} {원격 저장소 별칭}/{원격 Branch 이름} git push origin develop - local 브랜치를 remote로 push하기 git pull origin master..

유용한 정보 2019. 4. 24. 18:55
html2canvas.js를 이용한 화면 캡쳐

html2canvas.js - https://html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com 예전에 저 html2canvas를 이용해 width 값을 입력하면 입력된 값에 맞게 화면 컨텐츠를 캡쳐하는 작업을 한적이 있다. 그에 해당하는 소스이다. 라이브러리를 이용한 거지만 꽤 어렵게 구현했다. 다시 사용될 일이 있을까 하고 생각하니까 급 슬퍼진다. ㅠㅠ ImageCapture.js var ImageCapture=( fu..

Programming language/javascript 2019. 4. 24. 14:15
Async/Await 사용법

async function 선언은 AsyncFunction객체를 반환하는 하나의 비동기 함수를 정의한다. 비동기 함수는 이벤트 루프를 통해 비동기적으로 작동하는 함수로, 암시적으로 Promise를 사용하여 결과를 반환한다. 그러나 비동기 함수를 사용하는 코드의 구문과 구조는, 표준 동기 함수를 사용하는 것과 많이 비슷하다. - AsyncFunction : AsyncFunction 생성자는 새로운 async function 객체를 만든다. 자바스크립트에서 모든 비동기 함수는 사실상 AsyncFunction 객체이다. - Promise : 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타낸다. function resolveAfter2Seconds() { return new Promise(re..

Programming language/javascript 2019. 4. 12. 14:38
이전 1 ··· 8 9 10 11 12 13 14 ··· 56 다음
이전 다음
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 프리코드캠프
  • 모던자바스크립트 튜토리얼
  • javascript핵심내용정리
  • 최신 JS 뉴스
  • js모음
  • javascript pattern
  • es6 한눈에 보기
  • GitHub의 star의 증가율 통계
  • typescript to js
TAG
  • anime.js
  • svg 폰트
  • JsDoc
  • RefreshToken
  • 반복문
  • interceptors
  • Angular
  • git
  • react
  • 앵귤러
  • 자바스크립트
  • Intrinsic
  • for of 구문
  • svg모션
  • Vue3
  • CSS
  • 리프래시토큰
  • Aptana
  • cordova
  • svg icon font
  • 코도바
  • git checkout -b
  • React.StrictMode
  • 태그
  • 내장요소
  • IntrinsicElements
  • react-router-dom
  • vue-router
  • icon font
  • 아이콘 폰트 만들기
more
«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바