로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 🏡 홈
  • 📖 방명록
  • 💻 페이스북 페이지
  • 📧 협찬/문의: i@jinblog.kr
  • 🎁 후원 (모바일)
  • 🗒️ 글 전체보기
  • 분류 전체보기 (221)
    • 노트 (50)
      • 노트 (50)
    • 리뷰 (128)
      • 제품, 테크 (92)
      • 서비스, 프로그램 (17)
      • 장소, 후기 (5)
      • 그외 (14)
    • 프로그래밍 (35)
      • 서버관련 (4)
      • 웹관련 (7)
      • 모바일관련 (4)
      • 컴퓨터관련 (7)
      • 공부관련 (5)
      • 팁관련 (8)

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

angular

  • [Vuejs] 바닥에서 시작하기, 그리고 화면 출력하기 (덤으로 배포파일까지!)

    2017.05.08 by jin*

  • [Vuejs] Front-end Framework Vue.js

    2017.05.06 by jin*

  • [번역] TopHN - Vue.js와 RethinkDB로 만든 재미있는 번외 프로젝트

    2017.03.24 by jin*

  • [개발] Vue.js에서 nextTick 사용하기

    2017.01.19 by jin*

[Vuejs] 바닥에서 시작하기, 그리고 화면 출력하기 (덤으로 배포파일까지!)

이전 포스팅에서 Vuejs를 왜 쓰면 좋고, 다른 비슷한 프레임워크들이 어떤 것들이 있고, 어떤 차이점들이 있는지 알아보았습니다. Vuejs가 정말 쉽게 동작한다라는 것도 어느정도 인지하셨을 것 같습니다 : ) 그러면 실제로 Vuejs를 처음에 시작하게 되면 어떤 것들을 먼저 해야하고, 내가 적용하는 것이 틀린방법은 아닌지 이야기를 시작해보려 합니다. 시작하기전에 제가 설명드리는 방법이 정답은 아니라는 것을 미리 말씀드립니다. 그러나 정말 아무 것도 모르는 상황에서 이러한 방법으로 시작했을 때 나름 도움이 될 것 이라고 생각됩니다.브라우저에서 바로 적용하기Vuejs는 브라우저에서 바로 적용해서 사용하실 수 있습니다. 기존 프로젝트에 추가로 적용되더라도 전혀 충돌없이 함께 사용할 수 있기 때문에 부담없이 ..

프로그래밍/웹관련 2017. 5. 8. 18:56

[Vuejs] Front-end Framework Vue.js

이 전 포스팅들 중에서 Vuejs관련해서 작성한 것들이 몇몇 있었는데, 알고보니 정작 중요한 것을 올리지 않았습니다. Vuejs가 어떤 것인지, 그리고 어디에 사용하면 적절한지의 대한 설명이 부족했던 것 같습니다. 그래서 이번 포스팅에서는 Vuejs의 관하여 주절주절 떠들어볼까합니다. 해당 글은 공식 메뉴얼에 설명되어 있는 것도 언급하겠지만 개인적인 의견도 포함되어 있을 수도 있기 때문에 “아, 이러한 의견도 있구나” 정도로 가볍게 읽어주시면 감사할 것 같습니다 : )Vue.js가 무엇일까요?공식홈페이지에서 내용을 가져와보면,Vue (/vju:/ 로 발음하며, view와 발음이 같습니다). 사용자 인터페이스를 만들기 위한 진보적인 프레임워크라고 합니다. 다른 Front-end 프레임워크와는 달리 강제적인..

프로그래밍/웹관련 2017. 5. 6. 17:59

[번역] TopHN - Vue.js와 RethinkDB로 만든 재미있는 번외 프로젝트

다소 문장들이 매끄럽지 않은 부분들이 있습니다. 이해해주시고 읽어주시면 감사하겠습니다. (번역툴과 잡지식 총동원) 원문 글은 아래 링크를 통해 확인하실 수 있습니다. 원문 url: http://devan.blaze.com.au/blog/2017/3/3/tophn-a-fun-side-project-built-with-vuejs-and-rethinkdb 구석창에서 실행되는 TopHN을 통해 실시간으로 위아래 버블링되는 뉴스를 볼 수 있습니다. (맞아요, 프로젝트 실제코드는 웃기지 않습니다!)지난 몇 년 동안, 나는 노화된 두뇌에 끊임없이 밀어넣기 위해 노력했고, 그 중의 제일 좋은 한 가지 방법은 매달마다 새로운 프로그래밍 언어, 프레임워크 또는 방법론을 배우고 기술들을 보관하는 것입니다. 나는 항상 순수한..

리뷰/서비스, 프로그램 2017. 3. 24. 13:52

[개발] Vue.js에서 nextTick 사용하기

Vue.$nextTick요즘 갑작스럽게 인기가 많아진 Front-end Framekwork인 Vue.js의 대해서 이야기해볼까합니다. Vue.js가 무엇인지 말하기에는 공식문서 한글화도 잘 되어있고, 국내 Vue.js커뮤니티에서도 현재 활발하게 여러가지 주제를 가지고 이야기를 하고 있기에 따로 설명하지는 않겠습니다. Vue.js를 어느정도 사용하고 있다가 데이터와 UI를 건드리는 상황에서 간헐적으로 DOM을 못찾는 상황을 겪어보셨을지 모르겠습니다. 겪지 않으셨더라도 언제가는 겪게 될 일이죠. (저는 이미 이 일을 겪게 되었습니다.)네트워크 요청을 하던가, 어떤 데이터를 vue._data에 삽입하자마자 삽입 후에 갱신될 UI의 대해서 DOM을 탐색하여 처리할려고 하면 해당 DOM을 못찾아서 콘솔화면에 빨간..

프로그래밍/웹관련 2017. 1. 19. 21:33

추가 정보

인기글

  1. -
    -
    [리뷰] 또다른 대륙의 실수! 샤오미 전동 킥보드2 미지아! 전격 리뷰!

    2017.03.19 21:04

  2. -
    -
    [리뷰] 소니 a6400 + 18-105mm f4 G OSS 돈주고 구입한 진짜리뷰

    2019.03.11 23:24

  3. -
    -
    ☕ [리뷰] 캡슐커피 끝판왕 일리 (illy) 캡슐 커피머신 y3.2 모두 사용해보니 이게 최고! ⚙️ | 에스프레소 아아 아메리카노 직구 해외직구

    2020.06.27 00:54

  4. -
    -
    🎧 [리뷰] 음악 플레이리스트와 이퀄라이저 설정으로 소니 WH-1000XM4 200% 활용하기

    2021.01.03 16:04

최신글

  1. -
    -
    🎒 [리뷰] 여행가기 전 꼭 알아봐야할! 인케이스 가방 리뷰 | 이오 트래블 백팩 vs 시티 콤팩트 백팩 | incase 와디즈 펀딩

    카테고리 없음

  2. -
    -
    💼 [리뷰] 인케이스 A.R.C 아크 테크토트 카키 가방 리뷰 | 블랙보다 카키가 오히려 더 이쁨!

    리뷰/제품, 테크

  3. -
    -
    📷 [리뷰] 소니 A7M4 풀프레임 미러리스 리뷰 | 4K 스위블액정 전자식마이크 듀얼메모리 HDMI 크리에이티브룩

    리뷰/제품, 테크

  4. -
    -
    📱 [리뷰] 갤럭시 A53 자급제 128GB 리뷰 (어썸화이트) | 스마트폰 추천 삼성페이 지문인식 LTE폰 부모님폰

    리뷰/제품, 테크

페이징

이전
1
다음
진블로그 | JinBlog
푸터 로고 © Magazine Lab
페이스북 트위터 인스타그램 메일

티스토리툴바