Next-BlockChain

Overview Echo 프레임워크에 기반한 API의 뼈대를 만든 프로젝트입니다. API 작업 시 자주 접할 수 있는 기본 기능에 대한 개발 시간을 단축하는 것이 목표입니다. 아래에 설명된 유용한 도구 세트가 있습니다. 자유롭게 기여해 주세요! git 주소 https://github.com/nixsolutions/golang-echo-boilerplate.git What's inside: 내부구조 Registration - 등록 Authentication with JWT - JWT로 인증 CRUD API for posts - post용 CRUD Migrations - 마이그레이션 Request validation - 요청에 대한 유효성 검사 Swagger docs - Swagger 문서 Environme..

Web/Echo 2023. 4. 12. 17:22

바인딩 요청 데이터 구조체 태그 바인딩 - 데이터 소스 - 데이터 유형 - 다중 소스 - 직접 소스 - 보안 - 예제 Fluent 바인딩 - 오류 처리 - 예제 - 지원되는 데이터 유형 사용자 지정 바인딩 요청 데이터 구문 분석은 웹 애플리케이션에서 매우 중요한 부분입니다. Echo에서는 바인딩이라는 프로세스를 통해 이 작업을 수행합니다. 바인딩은 HTTP 요청의 다음 부분에서 클라이언트가 전달한 정보로 수행됩니다: - URL 경로 매개변수 - URL 쿼리 매개변수 - 헤더 - 요청 본문 - Echo는 바인딩을 수행하는 다양한 방법을 제공하며, 각 방법은 아래 섹션에 설명되어 있습니다. - 구조체 태그 바인딩 구조체 바인딩을 사용하면 데이터 소스와 해당 키를 지정하는 태그가 있는 Go 구조체를 정의할 수..

Web/Echo 2023. 4. 11. 15:25

리덕스 프로젝트에서 사용하게 될 때 꼭 지켜야하는 3가지 규칙 1. 하나의 애플리케이션 안에는 하나의 스토어가 있다. 여러개의 스토어를 사용하는 것은 가능하지만 권장되지 않는다. 그러나 이럴 경우 개발도구를 활용하지 못합니다. 2. 상태는 읽기전용이다. 리액트에서 상태 업데이트를 할 때 기존의 배열은 수정하지 않고 새로운 배열을 만들어서 교체하는 방식으로 업데이트를 하는데 리덕스도 마찬가지로 기존상태는 건드리지 않고 새로운 상태를 생성해서 업데이트하면 나중에 개발자 도구를 통해 앞이나 뒤로 돌릴 수 있다. 리덕스에서 불변성을 유지해야하는 이유는 내부적으로 데이터가 변경되는 것을 감지하기 위해 shallow equality 검사(React-Redux는 shallow equality를 사용하여 래핑하는 구성..

Web/React 2023. 1. 22. 22:17

액션(Action) 상태변화가 필요할 때 액션을 발생시킴 주로 객체로 표현되며 다음과 같음, 액션 객체는 type 필드를 필수로 가져야 하며 그 외 값들은 개발자 마음임 { type: "TOGGLE_VALUE" } { type: "ADD_TODO", data: { id: 0, text: "리덕스 배우기" } } { type: "CHANGE_INPUT", text: "안녕하세요" } 액션 생성함수(Action Creation) 액션 생성함수는 액션을 만드는 함수다. 파라미터를 받아서 액션객체로 만들어줌 function export function addTodo(data) { return { type: "ADD_TODO", data }; } 화살표 함수형태 export const changeInput = t..

Web/React 2023. 1. 22. 16:42

useEffect는 리액트 컴포넌트 내에서 Side Effect를 실행할 수 있게 하는 Hook입니다. 이 컴포넌트에서 실행하는 Side Effect는 브라우저 API를 이용해서 타이틀을 변경하는 것입니다. 다음 코드가 예시입니다. 클릭할 때마다 브라우저 탭이 변경됩니다. import { useEffect, useState } from "react"; import "./styles.css"; export default function App() { //배열에 곡을 저장 const proverbs = [ "bts - 다이너마이트 ", "비오 카운팅스타", "지코 아무노래 ", "리쌍 광대 ", "다듀 출첵" ]; // idx 초기값과 setIdx 업데이트함수를 선언하고 useState의 디폴트 값은 0으로..

Web/React 2023. 1. 9. 16:29

Side Effect 부수효과 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는 Side Effect가 있다고 이야기 합니다. 즉 Side Effect라는 말을 할 때는 "의도하지 않은 결과"를 의미합니다. 의도하지 않게 외부변수를 참조하거나 외부변수를 변경하는 모든 종류의 코드를 의미합니다. 다음은 전역 변수 foo를 bar라는 함수가 수정하는 예제입니다. Side Effect의 예시로 보면 될 것 같습니다. let foo = 'hello' function bar(){ foo='world'; } bar() // bar는 side effect를 발생시킵니다. Pure Function (순수 함수) 순수함수는 무엇일까요? 순수함수란 오직 함수의 입력만이 함수의 출력 결과에 영향을 주는 ..

Web/React 2023. 1. 9. 15:52

먼저 이벤트를 이해하기 위해서는 이벤트를 생성하고, 연결한 후, 이벤트를 발생시켜서 연결된 로직을 실행하는 기본 기능들을 알아야만 하는데 node.js 에서는 기본적으로 EventEmitter를 생성하고 메소드를 이용해서 이벤트를 관리한다. EventEmitter : node.js 의 모든 이벤트처리가 정의된 기본객체입니다. 이벤트를 사용하기 위해서는 이 객체를 재정의해서 사용해야할 수 있습니다. 즉 이벤트를 만들고 이벤트를 발생시킬 수 있도록 만들어졌습니다. EventEmitter의 함수들은 다음과 같습니다. emitter.addListener(event, listener): 이벤트를 생성하는 메소드입니다. on() 메소드와 같습니다. emitter.on(event, listener): 이벤트를 생성하..

Web/NodeJS 2023. 1. 4. 19:39

Mini Node Server를 구축하기 전에 HTTP 트랜잭션을 분석하고 공부하는 시간을 가지려고 합니다. 서버 생성 모든 Node 웹서버 앱은 웹서버 객체를 만들어야하고 이 때 createServer를 사용합니다. 코드를 보면 http를 require로 가져오고 const server 변수에다가 http모듈의 createServer함수를 담는 것으로 보입니다. const http = require('http'); const server = http.createServer((request, response) => { // 여기서 작업이 진행됩니다! }); 그렇다면 function createServer 코드는 어디서 찾아야할까요? 우선 다음의 순서대로 코드를 확인하는 것이 좋겠습니다. http 모듈 c..

Web/NodeJS 2023. 1. 4. 19:32