[DEV] App Dev ∕ Web Back 검색 결과
22 개의 검색 결과가 있습니다.
[DEV] App Dev ∕ Web Back/Framework ∕ Spring

[Spring Boot] 기본 개발환경설정

1. 개발환경 설정 ** 공통 1. JDK 설치 2. DB 설치 및 실행 - MariaDB 로컬 설치 or Docker를 통한 DB 설치 진행 - Docker로 Container를 생성했을 경우, Container를 run 시켜주어 함 3. Sprint Starter 프로젝트 생성 프로젝트명 : 패키지 명 : Java Version : Spring Boot Version : 프로젝트에서 사용할 라이브러리 JDBC API : Java에서 DB 연결을 지원해주는 대표 라이브러리 MyBatis Framework : MySQL Driver : Mysql DB 관련 드라이버 ... -> Spring Boot 프로젝트에서 Maven 빌드 도구를 사용할 경우, pom.xml 파일 내에 dependencies 명시 -..

2022. 5. 26. 17:58
[DEV] App Dev ∕ Web Back/Framework ∕ NestJS

[NestJS] google login tutorial

학습 출처 : https://medium.com/@nielsmeima/auth-in-nest-js-and-angular-463525b6e071 Authorize User - 소셜 로그인(Google) Authenticate User - Json Web Tokens(JWTs) 튜토리얼 순서 1. BE with Nest.js, Google OAuth And JWT 1-1. NestJs 프로젝트 생성 $ npm i -g @nestjs/cli # nest.js cli 전역 설치 $ mkdir tutorial && cd tutorial # 프로젝트 폴더 생성 $ nest new back-end && cd back-end # nest new 명령어를 통한 nest.js 프로젝트 신규 생성 1-2. NestJs 테스..

2022. 4. 5. 12:59
[DEV] App Dev ∕ Web Back/ETC

[Node.js] nvm이란? Node Version Manager

nvm이란? Node Version Manager의 줄임말로써, Node.js 프로젝트를 수행하면서, 현재 PC에서 사용중인 Node의 버전을 명령어 한줄로 전환시킬 수 있도록 지원하는 Cli이다. nvm 설치 전 주의 사항 - 먼저 기존 Node.js가 설치되어 있으면 삭제해준다. nvm은 기존 node.js와 다르게, 폴더링해서 별도로 동작하는 듯 하다. nvm 설치 - 양자 택일 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash nvm 사용법 및 명령어 - 주요 사..

2021. 7. 5. 13:32
[DEV] App Dev ∕ Web Back/Framework ∕ NestJS

[Nest.js/Angular] WebSocket으로 실시간 채팅[업데이트] 구현해보기

# 개요 기존 HTTP 요청/응답 방식으로는 실시간 페이지 업데이트가 불가능하다는 단점이 존재한다. 그렇기 때문에, 실시간적인 데이터가 필요한 경우, 보통 connection을 계속 유지할 수 있는 socket 기술이 사용되는데, WebSocket 기술을 예시로 튜토리얼을 진행해보자. The WebSocket API allows for event-based two-way communication between a browser and a server. NestJS has support for web sockets built-in, which makes use of the popular socket.io package. This makes setting up communications using the W..

2020. 12. 2. 15:24
[DEV] App Dev ∕ Web Back/ETC

[vue.js/react] HTTP 통신 라이브러리 : axios

axios.html # 액시오스 (Axios) : HTTP 통신 라이브러리 - 뷰에서 권고하는 HTTP 통신 라이브러리 - github 페이지 존재 - Ajax 기반 - 원래 vue-resource라는 라이브러리였는데, 옮겨졌음 - Promise 기반의 HTTP 통신 라이브러리 - github Star / Commit / Contributer 중요 # 자바스크립트의 비동기 처리 패턴 1. callback 2. promise 3. promise + generatoer 4. async & await get user // 6. 인스넌트 내 데이터 View에 표시 {{ users }} // 1. axios 참조 new Vue({ el: '#app', data: { // 3. 인스턴스 내 users라는 데이터 변..

2020. 12. 2. 09:45
[DEV] App Dev ∕ Web Back/ETC

[npm] fastify란?

# Fastify란?Fast and low overhead web framework, for Node.jsNode.js를 위한 빠르면서도 오버헤드가 적은 웹 프레임워크이다. 효율적인 서버는 낮은 비용으로 높은 응답성을 보여 사용자 경험을 향상시켜야 한다. 이를 위해서는 보안성을 유지하고 개발자의 개발에 불편함을 주지 않으면서도 수많은 사용자들의 요청을 효과적으로 처리해줄 필요가 있다.fastify는 최소한의 오버헤드와 강력한 플러그인 아키텍처로 최고의 개발 경험을 제공하는데에 초점을 맞춘 웹 프레임워크이다.Hapi와 Express를 참고해 개발되었으며 이름처럼 현재 가장 빠른 웹 프레임워크 중 하나 # 시작하기 npm install fastify # 기본 사용// Require the framework ..

2020. 11. 24. 10:58