비실이의 개발 성장기

SourceTree 설정에서 bitbucket 또는 github 계정 정상적으로 추가 하였으나 remote push 시 "Authentication failed .... " 발생 조치법 mac OS 에선 ~/Library/Application Support/SourceTree 디렉토리에 있는 키체인을 제거. 그 다음, SourceTree 설정 > 계정 탭에서 등록되어있는 계정을 제거하고 다시 등록하면 된다. windows OS 에선 C:\Users\USERNAME\AppData\Local\Atlassian\SourceTree 디렉토리에 있는 키체인을 제거 한 뒤, 위와 동일하게 하면 된다.

API 란? API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공한다. (위키백과) Interface는 우리말로 번역하면 접속, 규격, 연결부분 이라는 의미를 가진다. API가 없다면? 위 구조에서 미세먼지 정보 DB 쪽에 API 가 없을 경우, A / B / C 어플리케이션 각각에서 DB 접속정보를 알고 있어야 한다. 만약, 미세먼지 정보 DB 접속정보가 바뀌게 된다면, A / B / C 어플리케이션 각각에서도 DB 접속정보를 바꿔줘야 한다. ..

Redux 등장배경facebook에서 react와 함께 소개한 Flux 아키텍쳐를 구현하기 위한 라이브러리컴포넌트 간 state 데이터를 효율적으로 관리하기 위해 등장Flux 와 MVC 패턴의 차이MVC 패턴은 앱의 규모가 커지면 그에따라 Model과 View가 늘어나기에 프로젝트가 복잡해진다.Model과 View가 1:1관계가 아니므로 데이터 관리도 어렵다는 단점이 있다.Flux 특징은 http://2dubbing.tistory.com/26 [flux 아키텍쳐란?] 포스팅 참고Redux는 facebook에서 만든 라이브러리는 아님.Redux는 React에 의존적이지 않음. (React 프로젝트가 아니더라도 Redux 사용이 가능함을 뜻함)React로 개발한 어플리케이션에 새로운 기능을 추가 -> 그만큼..

function outerFunc() { var foo = "Foo"; return function() { console.log(foo); } } var closure = outerFunc(); closure(); 위 스크립트가 실행되면 아래 그림 좌측부터 우측 순서로 실행컨텍스트가 생성됩니다. 실행 컨텍스트는 함수가 호출되는 시점에 생성되며, 이 때 실행 컨텍스트 내부의 SCOPE 객체는 함수가 어디에 선언되었는지에 따라 결정되게 됩니다. 그 다음, 호출 스택에 아래와 같은 순서로 실행컨텍스트가 push / pop 됩니다. push 전역 실행컨텍스트 push outerFunc 실행컨텍스트 pop outerFunc 실행컨텍스트 push anomyFunc 실행컨텍스트 pop anomyFunc 실행컨텍스트 ..

# Web Server 웹 브라우저에서 요청받은 정적 컨텐츠(html, css, js, 이미지 리소스 등) 를 제공하기 위한 서버 대표적인 Web Server 플랫폼 구축 소프트웨어에는 Apache, Nginx 와 Windows server OS 용 IIS 가 있습니다. # WAS(Web Application Server) 클라이언트 측에서 요청받은 정보를 가지고 연산을 수행한 뒤, 동적인 콘텐츠를 만들어 제공하기 위한 서버 대표적인 WAS 플랫폼 구축 소프트웨어에는 Apache 재단의 Tomcat, Tmax 사의 Jeus, IBM 사의 Web Sphere와 Open source project인 Node.js 등이 있습니다. # 알게된 사항 Node.js 플랫폼 기반 Web Application fram..

오늘 서버구축 담당업무가 주어졌다. 맨날 가상머신에 리눅스 깔고 하던 스킬을 활용할 때가 왔다. + (군 전산병 스킬추가) 는 개풀 뜯는.. 서버 셋팅할 PC를 부팅하니 떡하니 Windows 가 .. 당황하지 않고 CentOS 공식페이지에 들어가 .iso 파일을 받았다. 음... 가상머신에서는 그냥 iso파일을 지정하고 부팅을 하면 바로 설치가 가능하도록 진행됐음에 반해 통짜 PC에 CentOS (이하 리눅스) 설치하려면 부팅 USB 또는 CD가 필요했다. 다행히도 마침 가방에 usb가 있었고 구글링을 하여 usb 부팅이 가능하게 설정하는 프로그램을 설치했다. CentOS minimal 버전이라 그런지 usb 설정하기 까지 약 1분정도 소요됐다. usb를 데스크탑에 꽂은채로 재부팅 + F8 연타타타타닥 ..

예전 Spring을 배울때, Singleton과 MVC 디자인패턴을 기본으로 다루고 사용했었다. 이번엔 react.js 다루며 Flux라는 패턴에 대해 알게되었다. Flux 패턴은 react.js 처럼 데이터 흐름이 단방향으로 전달되는 소프트웨어 개발에서 사용된다. 물론 Flux패턴을 사용하지 않아도 개발은 가능하다. 그림 출처 : https://velopert.com/1225 위 처럼 컴포넌트 구조가 있다고 가정하고 빨간색 컴포넌트(하위) 에서 파란색 컴포넌트(상위) 에 선언 되어있는 객체나 함수를 사용하려한다. react.js에서 하위 컴포넌트로 데이터 전달은 props를 사용하는데 파란색 컴포넌트에서 빨간색 컴포넌트로 바로 접근이 불가능하다. 중간에 있는 컴포넌트에서 받은 뒤, 다시 빨간색 컴포넌트..

react에서 render()의 return문 안에서 if와 같은 조건문은 사용이 안되기에 삼항연산자를 사용했다. 그러나 map의 내부라면 if나 for문은 사용 가능하다. react에서 하위 컴포넌트로 데이터를 내려주려면 props를 사용한다. 하위컴포넌트에서 상위컴포넌트의 값을 변경하고 싶다면, 상위컴포넌트에서 함수를 생성한다.(바인딩 필수) 해당 함수를 props로 내려줘서 하위 컴포넌트에서 전달받은 함수를 사용하여 데이터 변경이 가능하다. 허나 flux, reflux, redux 라이브러리를 사용해서 단방향 데이터를 효율적으로 제어할 수 있다.(현재는 mobx도 추가되었다.) Action 과 Store로 나눌 수 있는데, Action은 어떠한 액션(기능)을 사용할 것인지 정의 해 놓는 곳. Sto..