[Node.js] TIP: Node.js 와 NPM 최신버전으로 업그레이드 하기
이번 포스트는 기존에 node.js 가 설치 되어있는 상태에서 Node.js 와 NPM 을 최신버전으로 업그레이드 하는 방법에 대한 팁 입니다.
주의: 일부 모듈에선 v6.0.0 을 지원하지 않습니다.
# Node.js 업그레이드
다음 절차에 따라서 업데이트를 진행하세요.
현재 NodeJs 버전 확인하기
$ node…
Category: dev.log
[React.JS] 강좌 10-2편 Redux: 예제를 통해 사용해보기
이번 포스트는 React.js 에서 Redux를 실제로 이용해보는 강좌입니다. Redux에 대한 이해가 부족하신분은 이전 강좌를 참조해주세요.
# 프로젝트 시작하기
강좌 2.1편을 참조하여 React.js 프로젝트를 생성하세요. (NPM 을 통하여 환경설정을 하시길 바랍니다)
이 프로젝트에선 webpack.config.js 에서 entry 를 index.js 로 설정하겠습니다.
module.exports…
[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 위에 생성되기 전 후 및 데이터가 변경되어
상태를 업데이트하기 전 후로 실행되는 메소드 들 입니다.
이 메소드를…
[React.JS] 강좌 6-2편 Immutability Helper – State 내부 Array 에 원소 삽입/제거/수정
이 튜토리얼은 2018년에 새로운 강의로 재작성되었습니다 [새 튜토리얼 보기]
이 강의는 조금 오래되었습니다 😉
다음 포스트를 읽으시는 것을 권장 드립니다:
React 기초 입문 프로젝트 – 흔하디 흔한 할 일 목록 만들기 [Featured]
React ❤️ Immutable.js – 리액트의 불변함, 그리고 컴포넌트에서…
[React.js] 강좌 6-1편 컴포넌트 Iteration (반복) – Map
이 튜토리얼은 2018년에 새로운 강의로 재작성되었습니다 [새 튜토리얼 보기]
이번 강좌에서는 다른 데이터를 지니고있는 같은 종류의 여러 컴포넌트를
효율적으로 렌더링 하는 방법에 대하여 알아보겠습니다.
1. JavaScript – Array.prototype.map
우선, JavaScript 의 Array 객체 내장함수인 map 함수에 대하여 알아볼까요?
정의
map() …
[React.JS] 강좌 5편 컴포넌트의 State 와 Props 사용하기
이 튜토리얼은 2018년에 새로운 강의로 재작성되었습니다 [새 튜토리얼 보기]
이번 강좌에서는 Component 에서 사용 할 데이터를 다루는 State 와 Props 에 대하여 알아보겠습니다.
1. 시작하기
강좌 4편 – Component 생성 및 모듈화 에서 사용하던 프로젝트를 계속해서 사용하겠습니다.
index.html
<!DOCTYPE html>…