해당 포스트는 리액트 문법에 대한 설명은 대부분 생략되어 있습니다. 기본적으로 리액트는 다른 프런트앤드 언어와 다른 방식으로 랜더링을 진행합니다. 상태 변경이 발생하면 기존의 UI를 모두 지우고 리랜더링을 진행하는 방식입니다. 해당 방식은 Virtual DOM를 이용하기때문에 전체 리랜더링을 진행하더라도 성능면에서도 뒤떨어지지 않는 방식이므로 충분히 프런트앤드를 대표할만한 언어라 생각합니다. 실제로 프로그램을 제작하다 보면 전체 리랜더링 방식은 성능 저하가 발생하는 경우가 많습니다. 그렇기에 개발할 때 해당 부분을 신경 쓰며 개발을 진행하셔야 합니다. 이번 장에서는 실제로 저자가 아래 프로젝트를 진행하면서 개선한 성능들 중 하나인 "Input태그로 값을 받았 경우"에 대해 설명하겠습니다. GitHub -..
[Node.js 개발자 되기] 5. HTTP프로토콜 특징 그리고 세션과 쿠키 HTTP 프로토콜 세션과 쿠키를 설명하기 앞서 HTTP프로토콜의 특징에 대해서 알아보겠습니다. HTTP프로토콜은 Connectionless(비연결)을 지향합니다. 즉 클라이언트와 서버가 대화(요청, 응답)를 주고받 pventi.tistory.com 로그인 구현을 위해 FE부분을 수정해 놨습니다. 상단에 내비게이션 바를 보면 signin 기능 펜촉모양(포스트 작성) 기능이 생겼습니다. 게시글을 아무나 작성하도록 놔두면 홈페이지가 원하지 않는 글로 도배가 될 것입니다. 이를 위해 회원가입을 통해 사용자를 받고 인가된 사용자만이 게시글과 답변을 달도록 만들어 줘야 합니다. 1.0 세션 이전 글에서 세션에 대해서 알아봤습니다. 회원가입..
HTTP 프로토콜 세션과 쿠키를 설명하기 앞서 HTTP프로토콜의 특징에 대해서 알아보겠습니다. HTTP프로토콜은 Connectionless(비연결)을 지향합니다. 즉 클라이언트와 서버가 대화(요청, 응답)를 주고받은 후 연결을 유지하지 않았다는 말입니다. 매번 대화를 할 때마다 SYN, ACK 교환하며 Connection을 맺는데 이는 인터넷 보급이 지금처럼 잘되어있지 않았을 시절에는 무리가 없어 보였습니다. 또한 "연결합니다, 연결됐습니다." 이런 단순한 개념의 방식이 아닌 아래와 같은 TCP방식(3 way-handshake)을 사용합니다. 위 과정이 모두 끝나야 그제야 connection이 맺어집니다. 매번 연결을 다시 할 때마다 위 과정을 거치기에는 서버가 부담이 갑니다. 그렇기에 현재에는 HTTP..
[Node.js 개발자 되기] 3. 코드 정리하기 [Node.js 개발자 되기] 2. REST를 이용한 CRUD [Node.js 개발자 되기] 1. REST 이해하기 REST 1. REST란? REST란 자원의 이름을 구분하여 자원의 상태를 주고받는 과정을 말합니다. 쉽게 풀어서 말하자면 Client와 pventi.tistory.com 그래도 보이는 맛이 있어야 개발하는 재미가 있으므로 기본적인 디자인만 빠르게 적용시켜 놨습니다. Home Read 디자인을 다 입혀놓으니 그럴 듯 합니다. GitHub - dotredbee/rest-basic: rest-basic server 1 rest-basic server 1. Contribute to dotredbee/rest-basic development by ..
[Node.js 개발자 되기] 2. REST를 이용한 CRUD [Node.js 개발자 되기] 1. REST 이해하기 REST 1. REST란? REST란 자원의 이름을 구분하여 자원의 상태를 주고받는 과정을 말합니다. 쉽게 풀어서 말하자면 Client와 서버가 손쉽게 대화(요청, 응답)하는 과 pventi.tistory.com 세션과 쿠키로 넘어가기 전에 파일을 보시면 상당히 코드가 길어 가독성이 떨어집니다. 더 진행하기 전에 코드를 깔끔하게 다듬겠습니다. express에는 라우터라는 기능이 있습니다. 네트워크를 공부해 보신 분들은 라우터라는 단어를 보자마자 무슨 뜻인지 아실 겁니다. 모르시는 분들은 간단하게 경로 설정을 해주는 논리적인 망이라고 생각하시면 됩니다. 현재 코드에서 경로와 밀접하게 관련된 ..
[Node.js 개발자 되기] 1. REST 이해하기 REST 1. REST란? REST란 자원의 이름을 구분하여 자원의 상태를 주고받는 과정을 말합니다. 쉽게 풀어서 말하자면 Client와 서버가 손쉽게 대화(요청, 응답)하는 과정이라 생각하면 됩니다. 2. 자원의 pventi.tistory.com 이 전글에서 REST를 통해 Client와 Server가 대화하는 방법에 대해 알아봤습니다. 그렇다면 REST를 이용하여 다음 내용을 이해하기 위해 기본적인 게시글을 만들어보겠습니다. 게시글을 만들기 전 프로그래밍하기 전 게시글에 필요한 기능들을 생각해 보겠습니다. 1) 게시글 생성 (Create) 3) 게시글 화면 보여주기 (Read) 2) 게시글 수정 (Update) 3) 게시글 수정 (Delete) 이..
1.0 REST 1.1 REST란? REST란 자원의 이름을 구분하여 자원의 상태를 주고받는 과정을 말합니다. 쉽게 풀어서 말하자면 Client와 서버가 손쉽게 대화(요청, 응답)하는 과정이라 생각하면 됩니다. 1.2 자원의 이름? 다들 URL이라고 들어봤을 겁니다. 웹브라우저상 눈으로 간단하게 확인이 가능한 자원의 이름 형태중 하나입니다. 1.3 REST의 장점 REST는 HTTP 표준 프로토콜을 기반으로 만들어진 API입니다. 즉, HTTP 인프라를 통해 사용되기 때문에 여러 가지 별도의 인프라 구축이 필요 없습니다. 또한 HTTP 표준 프로토콜을 따르는 플랫폼(크롬, 엣지, 파이어폭스 등)이라면 사용이 가능합니다. 1.4 REST의 단점 REST는 4가지의 메서드(POST, GET, PUT, DEL..
블록체인 3요소 1. P2P 네트워킹 (peer-to-peer) 중앙 기관 없이 통신하는 방식, 구조상 단일 고장점 없음. 2. 비대칭 암호화 계정에 대한 자격 증명을 비대칭 암호화로 집합화 해 토큰의 소유자만이 토큰 전송 가능하도록 함. 3. 암호 해싱 모든 데이터에 지문을 생성 , 대규모 데이터셋을 신속하게 비교하고 변경 유무 확인 함. 이더리움 특징 1. 시스템 내부에서 다른 사용자와 Smart Contract 를 쉽게 작성 함. 2. 데이터 구조 + 프로그래밍 언어(솔리디티) 내장 3. 상태 저장 시스템, 시간의 흐름에 따른 정보 변화를 감지하고 기억할 수 있는 시스템 4. 분산 트랜잭션 원장 5. 공통 스트립팅 언어
1. express 설치 npm install express 2. typescript 설치 2.1 typescript 설치 (글로벌) npm install -g typescript 2.2 nodejs(express) x typescript npm install --save-dev typescript ts-node @types/express @types/node ts-node : typescript compiler 없이 직접 실행. 2.3 tsconfig.json 생성 npx tsc --init 3. json 파일 수정 3.1 package.json "scripts": { "build": "tsc -p .", "start": "node dist/main.js", "dev": "nodemon --watch ..
필요한 재화를 생산하기 위해서 원자재가 필요합니다. 전기차 배터리 생산에 박차를 가하는 지금 리튬의 가격은 고공행진 중입니다. 이 처럼 현재 사회 산업의 방향에 따라 원자재의 가치가 가격으로 드러납니다. 과거 산업화가 진행되지 않았던 시절에는 과학의 부재로 인해 용도를 모르던 원자재들이 많았습니다. 당연하게도 그러한 원자재들의 가치는 길 가다 흔히 볼 수 있는 돌멩이와 다르지 않았습니다. 필자는 비트코인을 사이버 원자재와 비슷하다고 생각합니다. 웹 3.0 언급되기 이 전 비트코인은 블록체인을 생성하는 과정에 발생하는 가치가 증명되지 않은 원자재와 다름없었습니다. 탈중앙화, 정보의 투명성, 불변성 등 언급되는 장점들은 블록체인의 장점이지 비트코인의 장점이 아닙니다. 두 가지는 엄연히 다른 개념이므로 블록체..
