워니's 코딩 스토리 워니's 코딩 스토리

전체 글

• [Spring Boot +Vue.js] 게시판 만들기 1 - Backend 프로젝트 생성

  프로젝트/SpringBoot & Vue.js 2023. 2. 20. 10:48

  vue.js 인강을 들으며 문법과 활용법 공부를 했는데 직접 토이 프로젝트라도 만들어 보면서 적용시켜야 감이 잡힐 듯 싶어 게시판 프로젝트를 만들어보려고 한다. 스펙은 다음과 같다. 🎈 언어 - JAVA 11 🎈 IDE - IntelliJ IDEA Ultimate 🎈 FrontEnd Framework - Vue.js ( npm 3.0 ) 🎈 BackEnd Framework - Spring Boot (2.7.8) 🎈 Build Tool - Gradle 🎈 DB - Oracle 11g xe 📑 1. BackEnd Porject 생성하기 IDE 인텔리제이에 하나의 프로젝트에 back과 front를 같이 연동해서 사용하려고 합니다. 인텔리제이 설치하는 방법은 아래 링크 참고! https://wonisdaily...

  Read More
• [Node.js] bash: npm: command not found 환경변수 설정

  프로그래밍 언어/에러노트 2023. 2. 20. 09:18

  node.js를 설치하고 vue/cli를 설치하려고 했는데 command not found 에러가 떴다. 이는 Node.js 설치 폴더가 환경변수에 등록이 되어 있지 않아 발생하는 에러이다. 시스템 환경 변수 편집에 들어간다. 시스템 변수(S) 새로만들기 클릭 후 변수 이름과 node.js가 설치된 경로를 변수 값에 입력하고 확인을 누른다. 보통 따로 설치하지 않았다면 C:\Program Files\node.js에 설치되어 있을 가능성이 높다. 시스템 변수에 정상적으로 등록된 것을 확인했다면 사용자 변수(U)에 Path를 클릭하고 편집을 누른다. 아래와 같이 %변수이름%를 새로 만들고 확인을 누르면 끝! npm -v를 입력했을 때 node.js 버전이 뜨면 환경 변수 설정 완료된 것이다.

  Read More
• [ORACLE] SQL Developer 설치, 계정 생성

  DB/ORACLE 2023. 2. 16. 09:35

  오라클을 편하게 사용하려면 sqldeveloper를 다운받는 게 좋다. 아래 링크는 오라클 11g XE 다운 받는 방법을 정리해둔 포스팅이니 참고 https://wonisdaily.tistory.com/207 [Oracle] 오라클 11g Express Edition(XE) 다운, 계정 생성 📑 1. 오라클 공식 사이트 접속 https://www.oracle.com/database/technologies/xe-prior-release-downloads.html XE Prior Release Archive Getting Started: Support Oracle Database Express Edition (XE) is a community supported edition of the Oracle Dat ..

  Read More
• [Oracle] 오라클 11g Express Edition(XE) 다운, 계정 생성

  DB/ORACLE 2023. 2. 16. 09:22

  📑 1. 오라클 공식 사이트 접속 https://www.oracle.com/database/technologies/xe-prior-release-downloads.html XE Prior Release Archive Getting Started: Support Oracle Database Express Edition (XE) is a community supported edition of the Oracle Database family. Please go to the Oracle Database XE Community Support Forum for help, feedback, and enhancement requests. Note: Oracle Support Ser www.oracle.com 오라클 공..

  Read More
• [JAVA] 자바 예외처리 이해하기

  프로그래밍 언어/JAVA 2023. 2. 15. 12:57

  📑 자바 예외 계층 🎈 Object : 예외도 객체이다. 모든 객체의 최상위 부모는 Object 🎈 Throwable : 최상위 예외이다. 하위에 Exception과 Error가 있다. 🎈 Error : 메모리 부족이나 심각한 시스템 오류와 같이 애플리케이션에서 복구 불가능한 시스템 예외이다. 애플리케이션 개발자는 이 예외를 잡으려고 해서는 안된다. 상위 예외를 catch로 잡으면 그 하위 예외까지 함께 잡는다. 따라서 애플리케이션 로직에서는 Throwable로 잡으면 안되는데, 앞서 이야기한 Error 예외도 잡을 수 있기 때문이다. 애플리케이션 로직은 이런 이유로 Exception 부터 필요한 예외로 생각하고 잡으면 된다. 🎈 Exception : 체크 예외 애플리케이션 로직에 사용할 수 있는 실질적..

  Read More
• [Vue.js] Vuex란? (설치, 셋팅, 사용법)

  Front-End/Vue.js 2023. 2. 12. 21:11

  상위 컴포넌트에서 하위 컴포넌트까지 데이터를 전송해서 갖다쓰기가 어렵다. 하위 컴포넌트 전송은 props, 상위컴포넌트 전송은 custom event or mitt 을 사용해야 한다. 그럼 어디서 어떤 데이터를 보낸건지 헷갈린다,, 그럴때 쓸 수 있는 라이브러리가 Vuex인것. Vuex는 모든 컴포넌트들이 데이터를 공유할 수 있는 라이브러리이다. js 파일을 하나 만들고 데이터들을 몰아넣으면 모든 컴포넌트에서 직접 꺼내쓸 수 있다. 어느 컴포넌트에서 수정이나 사용이 가능한 것. 그러나 코드가 길어진다는 단점이 있으니 컴포넌트가 많을 때 사용하면 된다. 📑 Vuex 설치하기 https://vuex.vuejs.org/installation.html#direct-download-cdn Installation ..

  Read More
• [Vue.js] nested routes와 push

  Front-End/Vue.js 2023. 2. 9. 09:32

  vue-router의 개념은 아래 포스팅을 통해 확인 가능하다. https://wonisdaily.tistory.com/203 [Vue.js] vue-router란 ? 기본 개념과 설치 방법 📑 라우팅이란? 웹 페이지 간의 이동 방법을 말한다. 라우팅은 현대 웹 앱 형태 중 하나인 싱글 페이지 애플리케이션(SPA)에서 주로 사용하는 방식이다. 화면 간의 전환을 매끄럽게 진행 시킬 수 wonisdaily.tistory.com 📑 nested routes 실제 웹이나 앱 UI는 일반적으로 여러 단계로 중첩된 컴포넌트로 이루어져 있다. 예를들어 상세보기 페이지에 작가 소개글이 보이기도 하다 다른 경로로 들어가면 그 자리에 댓글창이 보이기도 한다. 이 중첨 outlet에 컴포넌트를 렌더링하려면 children을..

  Read More
• [Vue.js] vue-router란 ? 기본 개념과 설치 (+ query, params)

  Front-End/Vue.js 2023. 2. 8. 22:11

  📑 라우팅이란? 웹 페이지 간의 이동 방법을 말한다. 라우팅은 현대 웹 앱 형태 중 하나인 싱글 페이지 애플리케이션(SPA)에서 주로 사용하는 방식이다. 화면 간의 전환을 매끄럽게 진행 시킬 수 있다. 서버에서 응답을 받아 웹 페이지에서 처리하면 화면상에서 깜빡일 수 있는데, 라우팅을 사용할 경우 깜빡임 없이 매끄럽게 사용할 수 있다. 여기서 뷰 라우터란? 뷰에서 라우팅 기능을 구현할 수 있도록 지원하는 공식 라이브러리이다. 뷰 라우터를 이용하여 뷰로 만든 페이지 간에 자유롭게 이동이 가능하다. 태그 설명

  Read More