제로하우스

Intro 블록체인 부트캠프 두 번째 프로젝트. 인센티브 기반 커뮤니티를 개발해보았다. ❓ 인센티브 기반 커뮤니티 자체적인 토큰을 가지고 참여자를 유도하는 커뮤니티 생태계로, 사용자가 어떤 행동을 했을 때 토큰을 인센티브로 지급한다. 주제 우리 팀은 인센티브 기반 커뮤니티라는 주제를 조금 더 develop해, 사용자들이 질문을 올리고 거기에 대한 답변을 작성해 질문자에게 채택이 되면 보상으로 토큰을 제공하는 컨셉의 커뮤니티 서비스를 개발하였다. 1. 기획 과정 1.1 문서 노션을 활용하여 필요한 문서를 정리하였다. 1.2 요구사항 & 기능명세서 인센티브 커뮤니티(IC)는 특정한 주제를 좋아하는 사람들이 모여서 게시글을 작성하는 곳. 특정 주제를 좋아하는 사람들이 모여서 정보와 일상을 나누며 활발한 웹페이..

Request 객체에서 데이터 받아오기 JavaScript, Axios, Express.js를 사용하는 경우를 예시로 살펴본다. 💡 req.body JSON과 같은 데이터를 받을 때 사용한다. // axios로 요청보내기 await axios.({ url: "http://localhost:8080", method: "POST", data: { title: "hello", content: "hello world", } }) 서버에서 받을 때는 아래와 같이 설정해주어야 한다. (express 4.16.0 버전 이상) const express = require("express") app.use(express.json()); app.use(express.urlencoded({ extended: true })) ..

CSS를 통해 텍스트를 드래그할 수 없도록 처리할 수 있다. 여기서는 클래스를 `stop-dragging`으로, 해당 클래스에 CSS 코드를 작성한다. .stop-dragging { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }

JavaScript에서의 문자열 줄바꿈 JavaScript에서는 문자열을 줄바꿈을 하기 위해 다음과 같이 방법을 사용하였다. (참고 링크) 개행 문자(\n) Template Literal 하지만 React에서는 줄바꿈이 동작하지 않는다. 줄바꿈 태그 ( ) 줄바꿈 태그를 사용해도 태그가 문자 그대로 출력된다. 동해물과 백두산이 마르고 닳도록 React에서의 문자열 줄바꿈 React에서는 문자열을 줄바꿈하기 위해 개행 문자(\n)를 사용한 후 CSS 상에서 white-space: pre-wrap을 설정해주면 된다. white-space: pre-wrap 여기서 pre-wrap 대신 pre-line을 사용할 수도 있는데 차이점은 다음과 같다. pre-wrap: 연속 공백 유지 pre-line: 연속 공백을 ..

JavaScript에서 문자열을 줄바꿈하는 데에는 2가지 방법이 있다. 1. Escape 문자 사용하기 2. Template Literals 사용하기 1. Escape 문자 사용하기 let str = 'a\nb\nc\n' // => // a // b // c 문자열에 New Line을 뜻하는 \n(이스케이프 문자)를 넣어주면 줄바꿈이 된다. 2. Template Literals 사용하기 let str = `a b c` // => // a // b // c 문자열에 따옴표 대신 백틱(```)을 사용해도 줄바꿈이 된다. 백틱을 이용하여 문자열을 표현하는 것을 템플릿 리터럴(Template Literals)라고 한다.