본문 바로가기

분류 전체보기845

React.js Redux로 컴포넌트 여러개 연결하는 방법 React Native로 코드를 작성하던 중 문제에 부딪혔다.기존에는 State를 따로 관리할 필요가 없었지만 컴포넌트들이 많아질수록 구조가 Nested해졌고계속 props로 넘겨주기엔 너무 귀찮았다.그러다가 Redux라는걸 발견했고 사용해보기로 했다.다 좋았는데 문제가 발생했다.connect해준 값을 export해주면 connect해준 컴포넌트에만 State가 전달됐다.나는 모든 컴포넌트에 State를 전달해주고 싶었지만 그렇게 동작하지 않았다.react redux multiple componentsredux connect every components등 수많은 검색어를 입력하고 찾아봤지만 방법을 찾지 못했다.튼 각설하고 구조부터 살펴보자면 다음과 같다. App.js -> LoginRouter.js -.. 2018. 1. 30.
국민은행 신용카드 추천 모든 혜택 총정리 오늘은 국민은행 신용카드 추천 및 혜택 총정리에 대한 포스팅을 하겠습니다. 최근 현금 사용하는 일이 줄어들면서 많은 분들이 카드를 사용하고 있습니다. 체크카드와 더불어서 신용카드도 많은 비율로 사용하고 계신데요. 학교를 졸업하고 이제 막 사회에 발을 내딛는 20대분들을 비롯하여 처음 신용카드를 개설하는 분들은 어떠한 카드가 좋을지 고민이 많을 듯 합니다. 오늘은 이런 분들을 위해 신용카드의 종류는 무엇이 있고 각 카드마다 어떤 혜택이 존재하는지 정리해드리면서 처음 개설하는 신용카드는 어떤 것이 좋을지에 대한 방향을 잡아드리려고 합니다. 저는 모든 금융 관련 업무를 국민은행에서 보고 있으며 카드 또한 국민카드를 이용하고 있습니다. 따라서 오늘 소개해드리는 내용도 국민은행 신용카드이니 참고 바랍니다. [KB.. 2018. 1. 29.
국민은행 체크카드 추천 한눈에 알아보기 오늘은 국민은행 체크카드 추천에 대한 포스팅을 하겠습니다. 요즘은 많은 분들이 현금을 가지고 다니기 보단 카드를 선호합니다. 신용카드, 체크카드 등 많은 카드를 가지고 다니시는데요. 학생분들은 신용카드를 쓰기 보단 체크카드를 주로 이용합니다. 체크카드도 많은 종류가 있고 종류에 따라 받을 수 있는 혜택이 다른데요. 저는 은행 관련 업무를 주로 국민은행에서 처리하기 때문에 카드도 국민은행 체크카드를 사용하고 있습니다. 국민은행 체크카드에도 상당히 많은 종류가 있습니다. 오늘은 그 중 가장 많이 사용하고 혜택이 괜찮은 카드 몇가지에 대해 소개해드릴게요. [국민은행 FINETECH(파인테크) 체크카드] 가장 첫번째로 소개해드릴 카드는 국민 파인테크(Finetech) 체크카드입니다. 대표적으로 NHN ent 1.. 2018. 1. 28.
충남대학교 수강신청 시간표 미리짜보기 Uruniv 오늘은 충남대학교 수강신청 관련하여 포스팅하겠습니다. 이제 방학도 중간쯤에 다가섰습니다. 그에 따라 수강신청 기간이 얼마 안남았는데요. 2월 1일부터 4학년 재학생을 처음으로 수강신청이 시작됩니다. 하지만 인기있는 교과목은 사람이 몰리기 때문에 학수번호를 입력하여 신청해야합니다. 수강신청이 오픈된 후 어떤 과목을 들을지 고민하고 신청하는건 현실적으로 불가능하다는 소리입니다. 그래서 대부분의 학생들이 시간표 미리짜보기 서비스를 이용하고 있는데요. 오늘은 이러한 서비스를 제공하는 Uruniv(유어유니브) 라는 사이트를 소개해드리겠습니다. 유어유니브(Uruniv)는 시간표 미리짜보기 뿐만 아니라 수많은 충남대 학생들이 이용하는 대표적인(?) 충남대 커뮤니티입니다. 수업에 관한 정보들도 이 사이트를 통해 얻을 .. 2018. 1. 27.
[React.js] 구글 Firebase 연동하는 방법 오늘은 React.js와 구글 Firebase(파이어베이스) 연동하는 방법에 대해 포스팅하겠습니다.저는 요즘 리액트 네이티브를 이용하여 어플을 제작하고 있는데요.평소에는 모든 서버 작업을 AWS에서 진행했지만 Firebase라는 괜찮은 서비스가 있어서한번 사용해보려고 합니다.데이터베이스나, 백엔드, 사용자 인증 관련하여 Firebase를 사용하면 보다 쉽게서비스를 구성할 수 있을 것 같습니다.먼저 아래의 사이트로 들어갑니다. https://firebase.google.com/ 시작하기를 누릅니다. 새로운 프로젝트를 생성해야 합니다.프로젝트 추가를 누릅니다. 프로젝트의 이름과 국가/지역을 선택하고프로젝트 만들기를 누릅니다. 위와 같은 화면이 나온다면 성공적으로 프로젝트를 생성한겁니다.다음으로 yarn을 통.. 2018. 1. 27.
[React.js] react-native-elements 설치하는 방법 작업을 하다가 버튼이나 TextInput 같은 요소들을 직접 디자인 하기는 귀찮고웹 작업을 할때의 부트스트랩처럼 가져다 쓰기만 하면 되는게 따로 없을까 싶어서관련 정보들을 찾아보았다.그러다가 react-native-elements 라는걸 발견했다.나는 expo를 사용하고 있었고 아래의 명령어로 설치했다. yarn add react-native-elements 예를 들어 버튼을 사용하고 싶다면 최상단에 import { Button } from 'react-native-elements' 를 선언해주면 된다.버튼 말고도 사용할만한게 상당히 많다. 버튼만 하더라도 종류가 이렇게 많다. API목록을 확인해보면 상당히 많은 부분들을 지원하고 있으므로 확인 후 사용하면 된다. 더 자세한 정보는 아래의 사이트를 참고 .. 2018. 1. 26.

티스토리툴바