본문 바로가기

전체 글

[ReactJS] React Router 사용하기 개요React JS로 웹페이지를 개발하다 보면, 보통 One Page 방식으로 많이 개발하게 됩니다.처음에는 크게 문제가 되지 않는데, 점점 페이지의 규모가 커지다 보면 상위 페이지에서 하위 컴포넌트로 계속적으로 데이터를 넘겨주거나 Context를 이용하여 전역 데이터를 전달해야 합니다. 하지만 React에서도 Context는 사용하지 말라고 가이드가 되어있습니다.그래서 몇가지 찾아보던 중 웹 주소창을 활용한 라우팅 방법이 있어서 소개하고자 합니다.React Router 사용하기React JS 환경이 구성되어있는 상태에서 다음 명령을 통하여 관련 라이브러리를 설치/사용할 수 있습니다. $ npm install --save react-router-dom 예제설치가 완료되면 다음 예제를 통해서 어떻게 사용하.. 더보기
[Ubuntu] Oracle JDK 설치하기 개요 Windows나 MacOS에서 Java를 이용하여 개발할 때는 크게 문제없이 설치를 할 수 있는데, Ubuntu에서는 자바를 설치하려면 약간의 절차를 진행해야 됩니다.기본적으로 제공하는 OpenJDK를 사용하는 방법도 있으나, 여기서는 Oracle JDK를 설치하는 방법을 알아보도록 하겠습니다.설치하기Ubuntu의 패키지 관리자인 APT를 이용해서 설치를 해보겠습니다.먼저, 공식 Repository에는 지원하지 않기 때문에 다음 명령을 통해서 Oracle PPA를 추가하도록 하겠습니다.$ sudo add-apt-repository ppa:webupd8team/java APT의 설정이 변경되었으므로, update를 합니다.$ sudo apt-get update기본적인 준비가 끝났으므로, 원하시는 버전.. 더보기
[Docker] ubuntu에서 실행시 sudo 제외하기 개요Docker를 ubuntu에 설치하고 실행하려 합니다. 일반 계정으로 접속 후 현재 상태를 보려고 다음 명령을 실행하면 권한오류가 발생합니다. ubuntu:~$ docker ps -aGot permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Get http://%2Fvar%2Frun%2Fdocker.sock/v1.27/containers/json?all=1: dial unix /var/run/docker.sock: connect: permission deniedubuntu:~$기본적으로 docker라는 그룹에서 동작하기 때문에 일반 계정으로 접근하려고 하면 권한오류가 발생.. 더보기
[React Native] NativeBase 설치하기 NativeBase란? NativeBase는 React Native를 위한 오픈소스 UI 컴포넌트 라이브러리 입니다. 동일한 코딩으로 Android와 iOS에 유사한 스타일로 표현할 수 있는게 장점입니다.설치react-native의 init 명령을 이용하여 프로젝트를 생성합니다. react-native init AwesomeNativeBase cd AwesomeNativeBase 프로젝트에 native-base 라이브러리를 추가합니다. npm install native-base --save 추가 종속을 위하여 다음 명령까지 하시면 설치는 끝납니다. react-native link 사용하기먼저 src/Application.js 를 생성해서 기본 화면을 구성합니다. import React, { Compone.. 더보기
[React Native] React Native 시작하기 (iOS) React Native를 이용해서 iOS, Android 앱을 동시에 개발하려고 합니다.그전에 React Native를 어떻게 설치하고 실행하는지 알아보도록 하겠습니다.설치환경이글을 쓰는 현재 React Native는 0.43 버전입니다.Mac에서는 iOS, Android가 동시에 개발가능하므로 가지고 있는 Mac air(Sierra 10.12.3)에 설치하도록 하겠습니다.Node.js, Watchman 설치Mac의 패키지 관리툴인 Homebrew를 사용하여 Node.js와 Watchman을 설치하도록 하겠습니다.# brew install node# brew install watchmanWatchman은 Facebook에서 개발한 파일시스템 변화감지툴입니다. 추후 동적빌드 등에 성능을 위해 설치를 권장합.. 더보기
[Docker] Docker에서 Elasticsearch 기동시 vm.max_map_count 오류 발생 해결방법 Docker를 사용해서 Elasticsearch 시스템을 구축하려고 했는데, 이상하게 접속이 안되어서 상태를 확인해봤습니다. $ docker ps -aCONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES8af9a50bac2b elasticsearch:5.2.1 "/docker-entrypoin..." 2 minutes ago Exited (78) About a minute ago elasticsearch기동하다가 오류가 발생하였는지, 바로 종료가 되었습니다. 그래서 로그를 확인해보니$ docker logs elasticsearch[2017-03-28T03:48:32,378][INFO ][o.e.n.Node ] [main] initializing ...[2017-.. 더보기
[Windows] PowerShell 관리자모드 실행 Windows에서 PowerShell을 기동할 때 관리자 모드로 해야될 경우가 있습니다.(PowerShell 뿐만 아니라 다른 것도 적용가능합니다)다음과 같이 진행하시면 됩니다. (Windows 10 기준)Windows 검색바에서 PowerShell을 검색합니다. 그런 다음 앱에서 마우스 오른쪽으로 클릭한 뒤 “관리자 권한으로 실행”을 클릭하시면 됩니다. 더보기
[Windows] Chocolatey - Package manager for Windows ChocolateyReact Native를 공부하려고 보니, 설치 과정에서 Chocolatey 를 사용해서 Node, Python을 설치하라 가이드가 있었습니다. 그래서 검색을 해보니 우분투의 apt-get과 같은 Windows의 패키지 설치 커맨드인 듯 합니다설치일단 다음과 같은 요구사항을 충족하면,Windows 7 이상 또는 Windows Server 2003 이상PowerShell v2 이상.NET Framework 4 이상PowerShell을 관리자 모드로 실행해서 다음 명령을 실행합니다. (PowerShell의 관리자 모드는 여기를 참고합니다)iwr https://chocolatey.org/install.ps1 -UseBasicParsing | iex 설치 중 만약 권한 오류가 발생하면 다음 명.. 더보기