함께 성장하는 프로독학러

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 리덕스를 사용하는 이유와 리덕스의 개념을 정리해 보겠습니다. * 이번 포스팅의 내용은 velopert 님의 '리덕스 왜 쓸까?' 포스팅을 정리한 내용입니다. 리덕스를 이해하기 위해서 먼저 리덕스를 사용하지 않는 환경의 단점을 먼저 파악해 보겠습니다. 간단한 예를 통해 살펴보겠습니다. 만약 다음 그림과 같이 세 개의 컴포넌트가 있다고 합시다.A 컴포넌트는 B 와 C 컴포넌트의 부모 컴포넌트입니다. B 컴포넌트는 A 의 상태를 변경하는 함수를 실행하는 컴포넌트입니다. (A의 상태를 변경하는 메소드 _increase 를 increNum 프롭스로 전달받습니다.) C 컴포넌트는 A 컴포넌트의 상태(state)를 렌더링하는 컴포넌트입니다.(A의 상태를 numValu..

안녕하세요, 프로독학러 입니다. 이번 포스팅 이후부터는 React 의 Redux 에 대해서 알아가 볼 예정입니다.따라서 이번 포스팅에서는 Redux 를 위한 세팅 및 코드 작성에 도움을 주는 세팅을 하겠습니다. 먼저 Redux 에 필요한 패키지파일들을 설치하겠습니다. 터미널 프로그램의 루트폴더에서 아래의 명령어를 입력해 줍니다. npm install --save redux react-redux 패키지를 통해 설치된 파일들의 사용은 추후에 개념과 함께 알아가도록 하겠습니다. 다음으로 코드 작성에 도움을 주는 몇 가지 세팅들을 해 보도록하겠습니다. 1) Atom 에디터의 Snippets 기능 Atom 에디터에는 Snippets 라는 기능이 있습니다.Snippets 에 코드를 작성해 두면, 해당 코드를 호출하..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 다이소에서 2000원에 구매 가능한 대리석 시트지를 이용해 식탁을 리폼하는 방법에 대해서 알아보겠습니다. 일단, 먼저 완성된 사진부터 보실까요? 실제로 보면 대리석같은 느낌이 뿜뿜! 비교를 위해 작업전 식탁의 모습을 살펴 보겠습니다. 하이그로시로 된 식탁인데요, 흰 식탁이어서 그런지 뭐가 묻으면 바로 티가 납니다. 지못미... 검은색은 염색약이 묻어서 착색이 돼 버렸구요, 빨간 자국은 김치국물인 것 같습니다. 코팅이 되어 있지만 김치국물 같은것은 바로 닦아내지 않으면 위 사진처럼 착색이 돼 버리네요. 해서 이 녀석을 구제해 줄 시트지를 다이소에서 공수해 왔습니다! 다이소에서 개당 2000원에 구입할 수 있는 대리석 시트지(50x80)입니다! 제가 리폼할 ..