# back end
React Back-end 구축하기 3-1 MongoDB
mongo db를 구글에 검색 후 로그인하면 아래와 같은 화면을 볼 수 있다.1\. Connect버튼을 누르면 아래와 같은 화면이 보이는데 Add Your Current Ip Address에서 3번째 버튼인 Allow Access from Anyware를 클릭 한다.
React Back-end 구축하기 2
아래 사진처럼 모듈을 사용하기 위해 import을 문을 작성한다.추가로 전에 다뤘던 package.json 파일에 6번줄에 "type": "module",을 추가해준다."type"속성은 현재 프로젝트에서 사용하는 Javascript 모듈 시스템을 지정하는 역할을 한다.
React Back-end 구축하기 1
React로 client에게 보여질 front부분을 만들었다면 실제적으로 데이터를 가져와 화면에 나타내야 하는데 어떻게 구성하는지 절차를 작성해 보겠다.일단 api라는 폴더를 만든 후 npm init -y명령어를 실행한다. 위에 명령어는 Node.js 프로젝트를 위한
관리자 페이지 만들기 귀찮아서 CMS 솔루션 만들어본 이야기
안녕하세요. 현직 프론트 개발자라서 관리자 페이지 만들때마다 귀찮아서 Strapi같은 외국CMS 써보다가 TF팀을 꾸려서 한국판 CMS 만들어보았습니다.
데이터 통신
HTTP Hyper Text Transfer Protocol의 약자로 두 컴퓨터 간 텍스트 데이터를 주고 받는 길이다. 요청(request)와 응답(response) 두가지를 서로 주고 받을 수 있다. > 🚨🚨이때 중요한 특징이 있는데 , 서버는 응답 메시지를
배열(Array) - 자료구조
배열은 동일한 자료형의 데이터를 순서대로 저장하는데 유용합니다. 배열은 크기를 동적으로 조절할 수 있으며, 다양한 메서드를 제공하여 배열의 요소를 추가, 제거, 정렬, 검색하는 등 다양한 작업을 수행할 수 있습니다.자바스크립트에서 배열은 객체(Objedct)의 일종으로
Spring 개발 환경 준비
기본적으로 이용할 개발환경은 Eclipse + 스프링 관련 플러그인 혹은 STS따라서 JDK의 설치가 필요!스프링은 버전에 따라 JDK 버전의 제한이 있을 수 있으므로 Java SE 8 혹은 11버전을 사용하는 것이 좋다. 5.x의 경우 JDK 1.8이상4.x의 경우
[Wizard of oz] 심리 테스트 사이트 개발
Skill StackFrond-end : react, react-hookBack-end : firebase협업 ToolGithub : 버전 관리Notion : 기획 및 일정 관리프로젝트 인원프론트엔드 2명, 백엔드 2명총 프로젝트 기간기획: 2월 28일 ~ 3월 2일제
Node.js (2)
Template literal : '+' 연산자를 사용하지 않아도 새로운 문자열을 삽입할 수 있는 표기법 parameter(매개변수)를 사용한 함수 만들기 : 전달인자로 넘겨진 데이터들이 순서대로 매개변수에 담긴다. Object(객체)를 활용한 함수 만들기 :{}
[프로젝트]JWT 인가(With Interceptor)
JWT를 이용한 인가는 어떻게 구현하는 것일까? 코드의 반복을 줄이고 자동으로 인가 처리를 할 수 있도록 Interceptor를 이용하여 구현해보자.
Node.js
Node.js javascript를 이용하기 위해서는 웹 브라우져를 이용해야 했는데 로컬 환경에서도 javascript를 이용하기 위해 만들어짐. 즉, javascript 런타임(환경) npm npm = Node Package Manager 은 node.js 기반
[NestJS] File upload (multer)
https://docs.nestjs.com/techniques/file-uploadNestJS는 파일 업로드를 위해 Express의 Multer 를 내장 모듈로써 제공한다.MulterMulter는 Express 패키지로, HTTP POST 요청으로 들어온 mu
[프로젝트] 간편결제 API(TossPayments)
TossPayments를 이용한 간편결제는 어떻게 구현 할 수 있을까? React + Spring 프로젝트에서의 구현 방법에 대하여 알아보자.
[오류]전역적 예외처리
@ControllerAdvice + @ExceptionHandler를 사용하여 전역적 예외처리를 하는 방법은 무엇인가? 같이 알아보자.
게시판 엑셀 다운로드 기능
구매하기 버튼을 누른 회원의 번호와 상품명, 상품 종류, 조회일 로그를 보여주는 게시판을 만들고 조회한 화면 그대로를 관리자가 엑셀로 다운받을 수 있는 기능을 구현해보았다.(\*엑셀 다운로드 API를 활용하여 개발함.)로그 조회시 DTO(VO)를 따로 만들어 값을 저장
