Dev 썸네일형 리스트형 [node.js] RestAPI서버 만들어보기(연습) - 1 INTRO node.js로 API 서버를 만들어볼것이다. 1. node.js설치 --> node.js 공식 홈페이지에서 설치한다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org --> 터미널을 열어 아래 명령어를 통해 정상 설치 확인 node -v npm -v 2. express-generator 설치 --> express 를 통해 서버 관련 파일들을 생성할것이다. --> 프레임워크 중 하나이다. --> node.js가 설치되어 있으므로, 직접 js파일을 만들어도 서버 구축이 가능하다. --> 하지만 express 를 .. 더보기 [Spring boot] spring boot + mariaDB 프로젝트 만들어보기 [JSP사용] INTRO [Spring boot] spring boot + mariaDB 연동하기[JSP사용] - 1편 틀린 부분이 보인다면 댓글을 주시길 바란다. 1. spring boot 프로젝트 생성 --> 우선 스프링부트 프로젝트를 생성한다. --> 프로젝트 이름은 Test_App2로 하고, --> Gradle Project 로 생성할 것이다. --> Java version은 11이다. --> 추가적으로 package 이름을 헷갈리지 않게 하기위해 com.gg로 만들었다. -->종속성은 다음과 같이 4개를 추가한다. --> 완료된 모습 2. MariaDB 설정하기 --> MariaDB 설치와 테이블 생성(Create)은 아래 포스팅을 참고한다. --> 설치 rangsub.tistory.com/94 [MariaD.. 더보기 [Spring-Mybatis]Mapped Statements collection does not contain value for 에러 INTRO Mapped Statements collection does not contain value for 에러에 대한 원인과 해결방법 해당 에러는 Mybatis관련 에러이다. 1. Mapper를 참조하지 못하는 경우 -->Mapper를 만들었지만, Config파일(ex : application.properties)에 Mapper의 경로를 명시해주지 않은 경우 2. Mapper의 namespace와 DAO에서 호출하는 namespace가 다를 경우, 혹은 id가 다른 경우 -->DAO 등 매퍼를 호출하는 매서드에서 Mapper의 namespace,id를 꼭 맞게 적어줘야 한다. 3. 같은 APP내에 같은 namespace를 가진 Mapper가 2개 이상인 경우 -->해당 경우에도 같은 오류가 발생할 .. 더보기 [MariaDB] 테이블 생성(Create)하고 Select, Insert, Update, Delete 해보기(HeidiSQL 사용) INTRO [MariaDB] 테이블 생성하고 Select, Insert, Update, Delete 해보기 지난 포스팅에서 mariaDB를 설치했다. rangsub.tistory.com/94 [MariaDB] MariaDB(마리아디비) 설치하기 INTRO 마리아디비를 설치하는 과정. 마리아디비는 오픈 소스 RDBMS이다. MySQL과 동일한 소스 코드를 기반으로 하며, GPL v2 라이선스를 따른다. MySQL이 오라클에 인수되어 저작권이 걸렸고, 이를 해결 rangsub.tistory.com 1. 데이터베이스 생성 --> Windows -> maria를 검색하여 MySQL Client창을 띄운다. --> 초기 설정한 PW를 입력하여 데이터베이스에 접속한다. --> show databases; 를 입력하.. 더보기 [lombok] lombok 설치해보기 INTRO Lombok을 설치해본다. lombok설치 --> 아래 링크에서 LOMBOK을 받는다. projectlombok.org/download Download projectlombok.org 다운받은 파일 실행하면 아래와 같은 화면 볼 수 있다. specify location을 누르고, STS파일이 설치된 경로를 찾아 STS실행파일을 선택해준다. 이후 install/update 버튼 클릭 Quit installer 를 클릭하여 닫고, STS를 재실행한다. 실행 후, help->About Spring Tool Suite 4 를 클릭 맨 아래 Lombok설치 관련 문구가 있으면 정상 설치된것이다. 이후 MAVEN, GRADLE등의 의존성 프레임워크에 LOMBOK의존성을 추가해줘아한다. 아래는 MAVEN .. 더보기 [MariaDB] MariaDB(마리아디비) 설치하기 INTRO 마리아디비를 설치하는 과정. 마리아디비는 오픈 소스 RDBMS이다. MySQL과 동일한 소스 코드를 기반으로 하며, GPL v2 라이선스를 따른다. MySQL이 오라클에 인수되어 저작권이 걸렸고, 이를 해결하기위해 개발됨 마리아는 개발자의 딸 이름이라고 함. 1. Mariadb.org에 접속, 다운로드 -> 아래 페이지에서 설치를 진행한다. downloads.mariadb.org/ Downloads - MariaDB downloads.mariadb.org --> 본인 PC에 맞는 설치파일을 받아준다. 2. 설치 과정 -->라이센스에 동의하고 설치 시작한다. -->root 비밀번호를 설정해야 한다. 비번은 그냥 root로 한다. enable access from remote machines fo.. 더보기 [Vue.js] Vue Axios 적용해보기 - Axios는 Ajax 처럼, 서버와 비동기 통신을 해주는 라이브러리이다. - 현재 정식 버전이 릴리즈 되지 않았으나, 인기가 좋음. - 특징으로 요청 취소와 TypeScript를 지원하는 것이다. - Promise API를 활용한다. 1. axios와 vue-axios 설치 npm install --save axios vue-axios 2. import import Vue from 'vue'; import Vuex from 'vuex'; import axios from 'axios'; import VueAxios from 'vue-axios'; Vue.use(Vuex); Vue.use(VueAxios, axios); 3. 사용 방법 아래와 같이 get/post/delete 등의 헤더를 붙여 서버와 통.. 더보기 [Vue.js] Vuex 를 적용해보기 0. Vuex 설치. npm install --save vuex 명령어를 터미널에 입력 이후 설치가 완료되면 프로젝트의 package.json을 열어본다. 아래처럼 종속성이 추가되어있으면 성공이다. "dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "vue": "^2.6.11", "vue-axios": "^3.2.4", "vuex": "^3.6.2" }, 1. Vuex는 왜 필요한가? -> 복잡한 App에서 컴포넌트의 갯수가 많아지면 컴포넌트 간에 데이터 전달이 어려워짐. -> 중앙 집중화된 상태 정보 관리가 필요하고, 상태 정보가 변경되는 상황과 시간을 추적해야 함 -> 컴포넌트에서 상태 정보에 안전하게 접근가능 2. Vuex 개념 State : .. 더보기 이전 1 ··· 3 4 5 6 7 8 9 ··· 13 다음
