해나아부지 개발일지

OAuth란 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준이다. 개요 OAuth가 사용되기 전에는 인증방식의 표준이 없었기 때문에 기존의 기본인증인 아이디와 비밀번호를 사용하였는데, 이는 보안상 취약한 구조이다. 기본인증이 아닐 경우는 각 애플리케이션들이 각자의 개발한 회사의 방법대로 사용자를 확인하였다. 예를 들면 구글의 AuthSub, AOL의 OpenAuth, 야후의 BBAuth, 아마존의 웹서비스 API 등이 있다. OAuth는 이렇게 제각각인 인증방식을 표준화한 인증방식이다. OAuth를 이용하면 이 인증을 공유하는 애플리케이션끼리는 별도의 인증..

Mysql 설치 homebrew라는 npm 비슷한 패키지를 설치해야 mysql 설치를 할수가 있다. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" homebrew 홈페이지에 mac용 설치 명령어.. 그대로 복사하기만 하면 된다. homebrew를 이용한 mysql install $ brew install mysql $ brew info mysql mysql 서비스 시작 $ brew services start mysql mysql 실행 $ mysql -u root -p ※처음 실행시 비밀번호가 설정되어 있지 않지만 만약에 접속이 안된다면 비밀번호 재설정한 후 접속이 가능하다. m..

비대칭 암호화 방식 (공개키 암호화 방식) 비대칭 암호 방식 1) 보내는 사람인 A(Alice)는 공개키(public Key)와 개인키(private Key)를 생성한다. 2) 받는 사람인 B(Bob)도 공개키(public Key)와 개인키(private Key)를 생성한다. 3) A(Alice)는 B(Bob)의 공개키로 암호화하고, B는 Bob의 개인키로 복호화한다. 비대칭 암호 장점 Signature 구현이 가능하다. 보안 강도가 높다. RSA의 경우, 소인수분해 문제의 어려움을 이용했기때문에, 현재로써는 암호가 깨지지않는다. 현재 256비트의 암호키를 사용하면 , 복호화하는데 우주의 나이만큼 시간이 필요하다. 키의 관리/ 분배가 매우 효율적이다. 비대칭 암호 단점 연산이 복잡하고 느리다. 공개키를 ..

What is React? 리액트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. Framework: App 설계/개발 시 구조, 필수적인 코드, 알고리즘, 암호화, 데이터베이스 연동 등이 제공되는 인터페이스 Library: 특정 기능에 대한 API(도구 / 함수)를 모은 집합 라이브러리와 프레임워크의 차이는 제어 흐름에 대한 주도성이 누구에게/어디에 있는가에 있습니다. 즉, 어플리케이션의 Flow(흐름)를 누가 쥐고 있느냐에 달려 있습니다. 라이브러리는 가져다가 사용하고 프레임워크는 그 안으로 들어가서 사용한다는 느낌으로 접근할 수 있습니다. 라이브러리와 달리 프레임워크는 이미 프로그래밍 규칙이 있어 극히 일부분만 조정을 해주면 목적을 달성할 수 있다. Main Concepts ..

React는 상태와 속성을 이용한 컴포넌트 단위 개발이라면, Redux는 컴포넌트와 상태를 분리하는 것이다. (상태가 컴포넌트에서 제거되면 Class Component를 보다 단순한 Functional Component가 된다) 참고로, Redux에 대한 대표적인 오해 중 하나가, Redux는 React의 관련 라이브러리, 혹은 하위 라이브러리로 오해하는데, Redux는 React 없이도 사용할 수 있는, 상태 관련 라이브러리이다. 상태 관리 라이브러리가 왜 필요한지 이해할 수 있다. Redux (혹은 Flux Pattern)에서 사용하는 Action, Store 그리고 Reducer의 의미와 특징을 이해할 수 있다. Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다. ..

React에서 데이터를 다룰 때 props(properties: 속성)를 써야하는지 state(상태)를 써야하는지 구분하는 것은 매우 중요하다. 정적(static) vs 동적(dynamic) React의 근간이 되는 컴포넌트(Component)는 Tree 구조처럼 계층을 갖는다. props는 정적인 데이터이다. 쉽게 말해 상위 컴포넌트(부모 컴포넌트)의 데이터를 전달받아 사용하는 데이터이다. 반면 state는 동적인 데이터이다. 클라이언트에서 유저의 요청 및 이벤트 혹은 비동기처리 등에 의해 실시간으로 변화하는 데이터이다. function Welcome(props) { return Hello, {props.name}; } function App() { return ( ); } ReactDOM.render..