[Node.js] 12.2 편: GULP – 응용하기 (babel, webpack, nodemon, browser-sync)
이 강좌는 12.1편 강좌와 이어지는 Gulp 강좌 입니다. GULP에 대한 이해가 부족하신 분들은 전 강좌를 읽고와주세요. 오늘 배워 볼 내용은 백엔드와 프론트엔드에서 ES6 를 사용하는 방법, 클라이언트 코드가 수정 됐을 때, 브라우저를 자동으로 새로고침하고, 서버 코드가 수정 됐을 때, 서버를…
[Node.js] 12.1 편: GULP – JavaScript 빌드 자동화툴 알아보기 + ES6 문법으로 사용해보기
이번 강좌에서는 JavaScript 빌드 자동화 툴인 gulp.js 에 대하여 알아보고, ES6 문법으로 gulp.js 를 사용하는 방법을 알아보겠습니다.
# 소개
Node.js 환경에서 웹 어플리케이션을 만들다보면, 일일히 수작업으로 하기에 귀찮은 작업들이 존재합니다.. 예를들어서, ____.min.js, ____.min.css 이런 파일, 익숙하신가요? whitespace, newline 과 같이…
[Node.js] TIP: Node.js 와 NPM 최신버전으로 업그레이드 하기
이번 포스트는 기존에 node.js 가 설치 되어있는 상태에서 Node.js 와 NPM 을 최신버전으로 업그레이드 하는 방법에 대한 팁 입니다.
주의: 일부 모듈에선 v6.0.0 을 지원하지 않습니다.
# Node.js 업그레이드
다음 절차에 따라서 업데이트를 진행하세요.
현재 NodeJs 버전 확인하기
$ node…
[React.JS] 강좌 10-2편 Redux: 예제를 통해 사용해보기
이번 포스트는 React.js 에서 Redux를 실제로 이용해보는 강좌입니다. Redux에 대한 이해가 부족하신분은 이전 강좌를 참조해주세요.
# 프로젝트 시작하기
강좌 2.1편을 참조하여 React.js 프로젝트를 생성하세요. (NPM 을 통하여 환경설정을 하시길 바랍니다)
이 프로젝트에선 webpack.config.js 에서 entry 를 index.js 로 설정하겠습니다.
module.exports…
서버 호스팅 이사가고싶다
근데 갈 곳이 없다…
DigitalOcean 크레딧을 거의 다 사용해가고 있어서.. 다른 호스팅사로 이사를 갈까 생각했었는데
여기만큼 안정적이고 저렴한곳이 없는것 같다.
비슷한 가격대에 좀 더 좋은곳은 ConoHa 밖에없는데
일본 회선을 사용해서 국내에서 조금 더 빠르게 이용 할 수 있고…
[React.JS] 강좌 10-1편 Redux: React 앱의 효율적인 데이터 교류
이번 포스트는 React.js 를 통하여 만들어진 어플리케이션에서 데이터 교류 및 state 관리를 쉽고 효율적으로 하게 해주는 Redux 에 대하여 공부해보겠습니다. 강좌가 길어질 것 같아서 파트를 나눠서 강좌를 작성하겠습니다. 이번 파트에서는 이해를 돋구기 이하여 배경지식 및 특징을 알아보겠습니다.
1.소개
Redux는 JavaScript…
[React.JS] 강좌 9편 Router: URL 에 따라서 다른 결과물을 보여주자
이 포스트는 Outdated 되었습니다. React-router v3 를 더 자세히 다루는 리액트 프로젝트에서의 라우터, React-router v3 사용하기 를 참고하세요.
이번 포스트는 React.js 의 Router 사용에 대한 강좌입니다. Router 는 사용자가 요청한 URL 의 서브디렉토리에 따라서 결과물을 렌더링해줍니다. Apache nginx등의 웹서버처럼 각…
[C++] 자료구조 – 스택(Stack) 코드 : Array / LinkedList 를 사용하여 구현
Stack을 구현하는건 쉬웟다. 의외엿던건, 코드를 짜기 전에는 LinkedList 를 사용하여 구현하는게 더 복잡할 줄 알았는데 LinkedList 를 사용하는건 정말 간단했고, 오히려 배열을 사용하여 구현하는게 조금 헷갈렸다.
배열로 구현 할 때 헷갈렸던 부분은 생성자에서 배열을 initialize 할 때, 처음엔 Node* nodes…
[C++] 자료구조 – DoublyLinkedList 코드
SinglyLinkedList 에 이어 작성한 DoublyLinkedList 코드. SinglyLinkedList 와 다른점은, SinglyLinkedList 는 ‘다음’ 노드만 조회 할 수 있지만 DoublyLinkedList 는 ‘다음’ 노드와 ‘이전’ 노드를 조회 할 수 있다. 추가적으로, DoublyLinkedList 가 tail 변수를 가지고 있어서 가장 뒤에 노드를 추가 할 때…
[C++] 자료구조 – SinglyLinkedList 코드
요즘 자료구조를 다시 복습하고있다. 학부때 자료구조를 한번 공부하긴 했었지만, 워낙.. 시험 위주로 코딩했더니 완전히 내것으로 만들지 못한 것 같다. 뇌를 자극하는 알고리즘이란 책을 사서 읽고있는데 설명은 꽤나 괜찮은 것 같으나 개인적으로 코드들이 맘에 안든다. 그 책은 C언어를 사용하는데 C언어 치고…
리액트에서 DOM 에 직접적인 접근을 할 때, ref
ref 알아보기
리액트 개발을 하다보면 DOM 에 직접적인 접근을 해야 할 때가 있습니다. 그럴 때는 ref 라는것을 사용합니다. 그런데 정확히 어떠한 상황에 DOM 에 직접적인 접근이 필요할까요? 필요한 상황은 다음과 같습니다.
input / textarea 등에 포커스를 해야 할때
특정 DOM…
[React.JS] 강좌 7편 Component LifeCycle API
이 튜토리얼은 2018년에 새로운 강의로 재작성되었습니다 [새 튜토리얼 보기]
이번 강좌에서는 React.js 컴포넌트의 LifeCycle API 에 관하여 배워보겠습니다.
LifeCycle API는, 컴포넌트가 DOM 위에 생성되기 전 후 및 데이터가 변경되어
상태를 업데이트하기 전 후로 실행되는 메소드 들 입니다.
이 메소드를…