로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

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

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

웹

  • [Vuejs] Nuxt가 좋다하여 사용해봤다고 한다

    2018.05.13 by 진:D

  • [개발] Vuejs에서 jQuery, Bootstrap 사용하기

    2017.03.02 by 진:D

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

    2017.01.19 by 진:D

  • [웹] AngularJS vs ReactJS. 이 것이 문제로다

    2016.09.29 by 진:D

  • [node.js] 실시간 멀티채팅 구현하기!

    2014.05.18 by 진:D

[Vuejs] Nuxt가 좋다하여 사용해봤다고 한다

이 글을 진행하기 전에 먼저 작성해야하는 내용이 있습니다.Nuxt에 관하여 논할 레벨이 아니지만, 제가 기대했던 방향과는 달리 실제 사용경험에서 느꼈던 부분을 이야기해보려합니다. 지금도 역시 제가 Nuxt를 잘 이해하지 못하고, 쓸 줄 몰랐기 때문이라고 생각하고 있습니다 : )Nuxt!?아, 그러고보니 Nuxt가 무엇인지부터 시작해야겠군요. Nuxt는 Vuejs 기반으로 만들어진 SSR(Server Side Rendering) 오픈소스 프로젝트입니다.홈페이지의 설명을 덧붙이자면, Vuejs 프로젝트를 진행할 때 서버부분을 미리 구성하여 보다 나은 UI 렌더링을 제공하고, static(정적) 페이지를 만들어내는 기능들을 포함하고 있다고 합니다.또한 프레임워크의 레벨로서 비동기 데이터, 미들웨어, 레이아웃등..

프로그래밍/웹관련 2018. 5. 13. 23:01

[개발] Vuejs에서 jQuery, Bootstrap 사용하기

국내에서도 Vue.js를 사용하는 비율이 점점 높아져가는 것 같습니다. Angularjs, Reactjs보다 진입장벽이 낮고, HTML/CSS와 기본 JavaScript만 다룰줄 알더라도 쉽게 사용할 수 있다는 장점이 있습니다. 또한 vue-cli라는 툴을 이용하여 기본적인 vue 골격을 만들어 웹팩(webpack)까지 통합세트로 운영할 수 있다보니, 고민없이 사용해야한다라는 생각이 점점 강해지는 것 같습니다. 분명 처음에는 가볍게 시작을 하면서, 분명 사용하기도 편합니다. 그런데 이 전에 사용했었던 jQuery, Bootstrap. 그리고 그 외의 많은 라이브러리들을 어떻게 추가해야하는지 헷갈릴 수도 있을 것 같습니다. 이는 웹팩이 같이 포함되어 있으면서 외부 라이브러리들을 어떻게 추가하는게 맞는 것인..

프로그래밍/웹관련 2017. 3. 2. 14:23

[개발] 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

[웹] AngularJS vs ReactJS. 이 것이 문제로다

이번에도 역시 오랜만에 포스팅을 작성해봅니다. 회사 일을 하며, 업무도 하고, 개인적인 공부도 하고, 취미생활도 하고, 데이트도 해야하다 보니 글을 작성할 시간이 부족할 수밖에 없나 봅니다. 그래서 이번에는 제가 공부도 하며 관심이 가고 있는 주제의 대해 다뤄볼까 합니다. IT보다는 개발쪽에 관심있는 분들이라면 재미있게 읽어보고 여러 의문점과 의견을 생각해보실 수 있을 겁니다. 요즘 뜨는 언어중에 하나인 javascript. 과거 10~15년 전만해도 홈페이지에 눈내리기, 마우스 애니메이션 등 단순한 꾸미기용도로 사용되었는데, 지금은 Front-end, Back-end 등 중요한 자리를 차지하게 되었습니다. 이 중에서도 저는 Front-end에서 javascript문법으로 만들어진 Framework의 A..

프로그래밍/웹관련 2016. 9. 29. 21:59

[node.js] 실시간 멀티채팅 구현하기!

프로그래밍/서버관련 2014. 5. 18. 17:55

추가 정보

인기글

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

    2019.03.11 23:24

  2. -
    -
    [리뷰] 블루투스 기계식키보드 앤프로2 리뷰 (갈축) | 할인구매까지!

    2019.04.16 23:57

  3. -
    -
    [언박싱/리뷰] 바밀로 맥OS 저소음 적축 기계식 키보드 (밀키 화이트) + 타건영상

    2018.11.07 20:18

  4. -
    -
    [리뷰] 내가 갑자기 리디북스 페이퍼 프로를 사용하게 된 이유 (feat. 리디셀렉트)

    2019.01.29 23:14

최신글

  1. -
    -
    🎧 [리뷰] 소니 노이즈캔슬링 헤드폰을 사야할까? 말아야할까? WH-1000XM4 사용후기 리뷰 | 헤드폰 이어⋯

    제품, 테크

  2. -
    -
    🎧 [리뷰] 소니 노이즈캔슬링 헤드폰과 함께 신년계획 홈라이프 세워보기! (WH-1000XM4 + 워크맨 다이어리)

    제품, 테크

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

    제품, 테크

  4. -
    -
    🎧 [리뷰] 소니 WH-1000XM4를 아내에게 빌려주기 | 소니 노이즈캔슬링 헤드폰의 또 다른 매력편

    제품, 테크

페이징

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

티스토리툴바