[Video] 리액트 라우터 (react-router v4) 강의 [1/3] : 사용 방법

velopert23 Comments
작년 Pre-release alpha시절에 한번 자료를 만든적이 있지만 올해초에 정식 릴리즈되면서 바뀌어도 너무 많이바뀌어버려서 이렇게 자료를 새로 만들었습니다. 흔히 사용되는 기능들을 대부분 다뤄보려다보니 생각보다 강의가 길어져서 동영상 하단에 타임라인을 추가했으니 참고하세요~ 타임라인 00:00 – 05:25 소개 및 프로젝트 셋업 05:25 –…

[번역] 리액트하다가 막혔을 때 생각해볼 4가지 질문

velopert4 Comments
웹서핑하다가 저와 비슷한 생각을 하고 있는 블로거의 포스트를 읽게되어 좋은 내용인 것 같아 번역해보았어요. 여기에 있는 내용은 꼭 리액트에 국한되어있는것은 아니니 지나가다가 읽어보시면 좋을 것 같습니다.   저는 React 에는, Anti-pattern 은 있어도 Best Practice 는 존재하지 않아야 한다고 생각해요…

[번역] 리액트에 대해서 그 누구도 제대로 설명하기 어려운 것 – 왜 Virtual DOM 인가?

velopert22 Comments
리액트를 지난 2년간 사용하면서도 막상 말끔하게 설명하라고 하면 어려웠던 주제, 원래 번역글은 잘 안쓰지만 글 자체가 구성이 잘 되어있어서 글을 번역해보았습니다. 원본: https://hashnode.com/post/the-one-thing-that-no-one-properly-explains-about-react-why-virtual-dom-cisczhfj41bmssp53mvfwmgrq 글의 자연성 및 더 높은 이해도 및 몰입도를 위해 의역이 많이 포함되어 있습니다 🙂   어느날 내…

근황

velopert15 Comments
요즘 블로그에 글 쓸 시간이 별로 없어서 최근 근황을 적어볼까 합니다. 블로그 구독해주시는 방문자분들이 꽤 계신데 궁금해하실 것 같아서요   1. 전역 모르셨던 분들도 계시겠지만, 그 동안 저는 군인 신분이였고 (카투사로 복무해서 기술관련 자료 만들 시간이 꽤 있었습니다) 3월 7일에…

블로그 서버 이전 (DigitalOcean → Vultr)

velopert6 Comments
이전에 DigitalOcean 에서 서버를 호스팅중이였는데, 가끔씩 데이터베이스 서버가 뻗어버렸다. 그래서 데이터베이스 연결 오류 가 페이지에 뜨면서 블로그 이용이 불가능 할 때가 있었다.. 정확한 원인은 모르겠지만, 메모리 과부하로인해 발생 한 것 같았다. 그럴땐 서버에 들어와서 MySQL 데이터베이스 한번 재시작하면 해결됐는데, 요즘들어…

앞으로 개발자로서의 진로에 대한 끄적임

velopert11 Comments
나는 자칭 풀스택 웹 개발자이다. 백엔드, 프론트엔드 솔직히 아직도 언제나 새로운걸 배워가는 단계이긴 하지만 어느정도 기반이 잡혀져 있기 때문에 어떠한 서비스를 만들고싶다면, 음.. 좀 노력을해서 이뤄낼 수 있다.난 개인적으로 풀스택 개발자가 참 멋있다고 생각하고 앞으로도 뛰어난 풀스택 개발자가 되기 위하여…

[Vue.JS 2.0] Directive (지시문): v-on, 이벤트 핸들링

velopert18 Comments
이번 강좌에서는 v-on 디렉티브를 통하여 Vue.js 프로젝트에서 이벤트를 처리하는 방법에 대하여 배워보겠습니다. 시작하기 이벤트? 기본적인것 먼저 짚고 넘어갑시다. 이벤트가 뭘까요? 여러분이 웹페이지에서 하는 모든 동작, 그것이 바로 이벤트입니다. 여러분이 마우스를 움직이면, mousemove 이벤트구요, 키보드를 누르면 keypress 이벤트입니다. 클릭을 하면 click…

[Vue.JS 2.0] Directive (지시문): v-model: 양방향 바인딩

velopert5 Comments
2-way-binding (양방향 바인딩) 은 Vue.js 를 아주 강력하게 만들어주는 개념입니다. 우리가 지금까지, Vue 인스턴스에 데이터를 설정하고, 그 데이터를 렌더링하는걸 배웠었죠? 시험삼아 console 에서 그 값에 변동은 주어본적이 있지만, 페이지에서 직접 변화를 주는건 아직 안해봤습니다. 이번 포스트에서는, 페이지에서 Vue 인스턴스 내부…

[Vue.JS 2.0] Directive (지시문): v-for, HTML 위의 for-loop

velopert6 Comments
이번 포스트에서는 Vue 엘리먼트에서 사용되는 특별한 속성, 디렉티브를 계속하여 알아보겠습니다. 앞으로 다룰 디렉티브는 3개가 남았는데요, 이번에 배울 디렉티브는 v-for 입니다. 시작하기 v-for 디렉티브 의 역할은 무엇일까? v-for 디렉티브는 정말 사용하기 쉬우면서도 강력한 디렉티브입니다. 이 디렉티브는, HTML 에서 for-loop 을 구현하기…

[Vue.JS 2.0] Directive (지시문): v-bind, 엘리먼트의 속성을 동적으로 설정하자

velopert11 Comments
디렉티브는 기능상에서 중요한 역할을 하는 Vue 엘리먼트에서 사용되는 특별한 속성입니다.지난 포스트에서 Vue.JS 2.0 의 간단한 지시문 9가지를 배웠었죠? 아직 다루지 못한 디렉티브가 4개 더 있습니다. 이번 포스트에서 다룰 내용은 v-bind 디렉티브인데요. 그렇게 복잡한건 아니지만, 조금은 특별하기 때문에 이렇게 따로 포스트를…

[Vue.JS 2.0] Directive (지시문), Vue 엘리먼트를 위한 특별한 속성

velopert7 Comments
이번 포스트에선 Vue.JS 2.0 의 디렉티브 (Directive) 라는 개념에 대해서 알아보고, 간단한 디렉티브들을 사용해보겠습니다. 디렉티브, 앵귤러를 사용해보셨다면, 조금 익숙하시겠죠? 디렉티브를 그대로 번역하면 ‘지시문‘ 이라는 뜻 입니다. 이걸 한마디로 설명을 하자면 제목에서도 나와있듯이, Vue 엘리먼트에서 사용되는 특별한 속성입니다. 기능상에 있어서 중요한…