해나아부지 개발일지

UTF-8은 유니코드를 위한 가변 길이 문자 인코딩 방식 중 하나로, 켄 톰프슨과 롭 파이크가 만들었다. UTF-8은 Universal Coded Character Set + Transformation Format – 8-bit 의 약자이다. 본래는 FSS-UTF(File System Safe UCS/Unicode Transformation Format)라는 이름으로 제안되었다. UTF-8 인코딩은 유니코드 한 문자를 나타내기 위해 1바이트에서 4바이트까지를 사용한다. 예를 들어서, U+0000부터 U+007F 범위에 있는 ASCII 문자들은 UTF-8에서 1바이트만으로 표시된다. 4바이트로 표현되는 문자는 모두 기본 다국어 평면(BMP) 바깥의 유니코드 문자이며, 거의 사용되지 않는다. UTF-16과 ..

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..