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

세줄코딩

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • 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)
스트림( stream ) 이란

어허 거참 알다가도 모를듯한 이~ ㅋㅋ 스트림( stream ) 이란 위키에선 아래와 같이 정의하고 있다. 컴퓨터 처리 환경에서 스트림(stream)은 시간이 지남에 따라 사용할 수 있게 되는 일련의 데이터 요소를 가리키는 수많은 방식에서 쓰인다. C 프로그래밍 언어에 기반을 둔 유닉스 관련 시스템에서 스트림은 개별 바이트나 문자열인 데이터의 원천이다. 스트림들은 파일을 읽거나 쓸 때, 네트워크 소켓을 거쳐 통신할 때 쓰이는 추상적인 개념이다. 표준 스트림들은 모든 프로그램에 이용할 수 있는 세 개의 스트림을 말한다. 파이프라인은 장치에 삽입된 제한이 없는 정보뿐 아니라 스트림으로 이해할 수 있다. 스킴 프로그래밍 언어 등에서 스트림은 느긋하게 계산하거나 지연 처리된 일련의 데이터 요소를 말한다. 스트림..

유용한 정보 2021. 1. 8. 11:17
[gulp ts] gulp 를 통한 typescript 변환

gulp 플러그인 설치 목록 import gulp from 'gulp'; import babel from 'gulp-babel'; import browserify from "browserify"; import vinylSourceStream from 'vinyl-source-stream'; import buffer from 'vinyl-buffer'; import ts from 'gulp-typescript'; import tsify from 'tsify'; import sourceMaps from 'gulp-sourcemaps'; ts 번들을 위한 설정. const bundler = () =>{ return browserify({ basedir: '.', debug: true, //tsify는 번들된 ..

Programming language/javascript 2021. 1. 8. 11:16
jQuery 에서 Pure Javascript 로 전환하기.

jQuery -->Vanilla JS ( pure javascript ) 전환하기 여태까지 jQuery 를 잘 써오고 있다. 음~제목과 다른 전개이지만~ 왠지 앞으로도 계속 쓸 것 같다. 구차한 이야기는 생략하겠지만 그 만큼 이 바닥 시장이 더럽다. 빠르게 요구함은 물론이거니와 레거시 코드의 운영도 만만치 않기 때문이다. 머 변명일 수도 있겠지만 빠른 퇴근과 스트레스를 받지 않으려면.... 어쩔 수 없는 현실이기도 하다. 지금도 가슴으로는 '아 이거 이렇게 하면 무겁게 돌아갈 텐데.....' 라고 고민하곤 하지만 시계를 보곤 음... 아니지 걍 있던데로 하자 라고 마음을 다 잡곤 한다. 여튼 서두가 길었는데.. 타이틀 대로 간혹 순수 자바스크립트으로만 코딩할 때가 있는데.. 그 때를 위해 나름 정리해 둘..

Programming language/javascript 2021. 1. 7. 15:25
youtube api 를 이용한 play/stop

아래 코드는 youtube api 에서 공식적으로 제공하는 코드 이다. https://developers.google.com/youtube/iframe_api_reference?hl=ko iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API Embed a YouTube player in your application. developers.google.com var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; fir..

Programming language/javascript 2021. 1. 7. 15:04
svg 로 web icon(아이콘 폰트) 만들기~

음 좋다~ 무료이다 사이트에 나오는 데로 스텝바이스텝으로 진행하면 된다. 내가 알아볼 정도니까 왠만한 사람들은 다 이해될듯..... https://icomoon.io/ 대충 만드는 순서는 아래와 같다. 1. 사이트 우측 상단에 IcoMoon App 버튼을 클릭 2. IcoMoon버튼을 눌러 아래와 같이 페이지가 이동되었다면 그림처럼 좌측 상단 Import Icons 를 눌러 제작한 svg 파일을 업로드 하면 된다. 3. svg파일을 올렸다면 아래 그림처럼 파일들이 보인다. 아이콘 폰트화 할 것들을 클릭해서 선택한다. 그리고 맨 하단 3번째 Generate Font 버튼을 클릭하여 생성시킨다. 4. 생성된 아이콘 및 web에서 css에 적용할 수 있겠끔 코드가 적혀 있다. 코드 값은 사용자에 맞게 수정할 ..

유용한 정보 2020. 9. 23. 11:17
모션( Animate.css , anime.js, snapsvg ) 라이브러리

한번쯤 살펴볼만 하다. mojs - https://mojs.github.io/ ( 파티클 및 쉐이프 모션이 죽임. ) Animate.css - https://daneden.github.io/animate.css/ anime.js - https://github.com/juliangarnier/anime/ snapsvg - http://snapsvg.io

유용한 정보 2020. 9. 23. 10:48
[git 명령어] log

git remote add origin - 원격저장소 등록 git clone [새로운 폴더명] -복제하려다 실패하는 대부분의 이유는 폴더명을 생략하면 자동으로 프로젝트 이름과 같은 이름의 폴더가 새로 생성되는데 보통 이름이 이미 존재할 경우라 그런다. -에러 fatal: destination path ‘폴더명’ already exist and is not an empty directory. git rebase -내 브랜치의 커밋들을 대상 브랜치에 재배치 git log —oneline 간단한 커밋해시와 제목만 보고 싶을때 git log —oneline —graph —decorate -HEAD와 관련된 커밋들을 조금 더 자세히 보고 싶을 때 git log —oneline —graph —all —decorat..

유용한 정보 2020. 9. 7. 13:07
[nvm] window에서 nvm 설치

NVM 설치 파일 다운로드( https://github.com/coreybutler/nvm-windows/releases ) 위 주소로 nvm-setup.zip 파일을 다운로드. 받은 압축 파일을 풀고 install windows 명령 프롬프트 cmd( 관리자권한으로 실행법 > 검색창 cmd > ctrl+shift+enter ) 를 실행 nvm --version 을 입력하여 설치된 것을 확인 nvm install v10.16.3 입력 설치 nvm ls 를 입력 > 버전을 확인. nvm use 10.15.2 를 입력 > 해당 버전의 nodejs 활성

유용한 정보 2020. 8. 12. 18:50
이전 1 ··· 6 7 8 9 10 11 12 ··· 56 다음
이전 다음
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 프리코드캠프
  • 모던자바스크립트 튜토리얼
  • javascript핵심내용정리
  • 최신 JS 뉴스
  • js모음
  • javascript pattern
  • es6 한눈에 보기
  • GitHub의 star의 증가율 통계
  • typescript to js
TAG
  • 내장요소
  • JsDoc
  • svg icon font
  • interceptors
  • git checkout -b
  • Intrinsic
  • React.StrictMode
  • 반복문
  • react-router-dom
  • react
  • 아이콘 폰트 만들기
  • 코도바
  • icon font
  • git
  • 앵귤러
  • anime.js
  • for of 구문
  • IntrinsicElements
  • cordova
  • Angular
  • vue-router
  • Vue3
  • RefreshToken
  • svg모션
  • CSS
  • svg 폰트
  • 리프래시토큰
  • 자바스크립트
  • Aptana
  • 태그
more
«   2025/08   »
일 월 화 수 목 금 토
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
31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바