- 전체보기(49)
- Spring boot(16)
- Querydsl(11)
- vue(8)
- Spring(7)
- Java(4)
- JavaScript(3)
- protocol(2)
- FTP(2)
- router(2)
- servlet(2)
- git(2)
- github(2)
- SQLD(2)
- vuex(2)
- await(1)
- annotation(1)
- async(1)
- ESLint(1)
- Spring life cycle(1)
- 끄적끄적(1)
- Query String Binding(1)
- Dynamic Router(1)
- Paging(1)
- Spring IoC(1)
- jquery(1)
- Sort(1)
- axios(1)
- vue life cycle(1)
- transition(1)
- JPQL(1)
- aws(1)
- AWS summit(1)
- ES5(1)
- Servlet Container(1)
- start.spring.io(1)
- ES6(1)
- JPA(1)
- sftp(1)
- Naming Rule(1)
- IntelliJ(1)
- Spring Bean(1)
- Prttier(1)
- http(1)
- vue cli(1)
- H2 Database(1)
- Spring IoC Container(1)
ESLint & Prettier
그 차이와 같이 쓰는 이유를 알아봅시다. ESLint는 JavaScript 코드에서 일관된 스타일을 유지하고 잠재적인 오류를 식별하는 린트 도구입니다. ESLint는 다양한 규칙 세트를 제공하며, 이를 통해 코드의 가독성, 유지 관리 및 품질을 향상시킬 수 있습니다
NVM (Node Version Manager) 그리고 윈도우 install 방법
NVM은 "Node Version Manager"의 약어로, Node.js의 버전을 관리하는 도구입니다. NVM은 여러 버전의 Node.js를 컴퓨터에 설치하고, 프로젝트별로 다른 버전을 사용할 수 있도록 도와줍니다.https://github.com/corey
Vue async & await
위의 예시에서 fetchUserInfo 함수는 axios를 사용하여 api url에 엔드포인트로 GET 요청을 보낸다. await 키워드를 사용하여 응답이 도착할 때까지 기다린 후, 응답 데이터를 변수 response 할당하여 처리할 수 있다. 예외 처리를 위해 try
Vue slot이란?
Slot은 컴포넌트의 템플릿에서 다른 컴포넌트나 HTML 요소를 삽입하는 기능을 의미합니다. Slot을 사용하면 다른 컴포넌트나 HTML 코드의 일부를 동적으로 삽입하면서 컴포넌트를 재사용할 수 있습니다.자식에서는 <slot name="슬롯이름"></slot
Vue transition이란?
Vue Transition은 Vue.js 프레임워크에서 제공하는 기능 중 하나로, DOM 요소의 상태 변화에 대한 애니메이션 효과를 쉽게 구현할 수 있게 도와줍니다.Vue Transition은 주로 Vue.js 애플리케이션에서 다음과 같은 상황에서 사용됩니다.요소의 추
Vue v-접두사 종류와 예시
Vue.js는 웹 애플리케이션 개발을 위한 프론트엔드 JavaScript 프레임워크이다. v-접두사는 Vue.js에서 사용되는 디렉티브(directive)를 나타내며, HTML 요소의 동적인 동작을 제어하기 위해 사용된다.v- 접두사를 가진 디렉티브는 Vue.js에서
Vue 동적 라우팅 사용법
Vue 라우터 설치 router/index.js 파일을 만들고 라우터를 설정한다. 여기서는 params를 사용하여 동적 라우팅을 설정한다. User.vue 파일에서 동적으로 전달된 id 값을 사용한다. App.vue 파일에서 router-view를 추가한다. 마지막으로, main.js 파일에서 라우터를 추가한다. 이제 /user/:id 경로로 이동...
Git 사용 여러가지 상황 해결 방법!
회사에서 업무 중 내가 커밋 여러 개를 하고 (push, merge는 하지 않음) 추가로 작업 진행 중인데 커밋로그가 쌓였을때전체 커밋로그 기준Main Branch 기준으로 Branch를 하나 만들어서 작업 중인 상황이다.stagin area에 올려놓는다.커밋한다.원격
Axios란? 뭘까?
Axios axios는 Vue.js에서 HTTP 요청을 보내기 위한 인기있는 자바스크립트 라이브러리 중 하나입니다. axios는 Promise 기반의 API를 제공하여 비동기식 HTTP 요청을 보내고 응답을 처리할 수 있습니다. Vue.js와 함께 axios를 사용
Vue3 Router 설정 방법
Vue Router 설치하기먼저, Vue Router를 설치해야 합니다. npm을 사용하여 다음과 같이 설치할 수 있습니다.버전을 명시해야 한다.라우터 설정 파일 만들기Vue Router를 사용하기 위해서는 라우터 설정 파일을 만들어야 합니다. src/router/in
Vue cli project 생성하는 방법
Vue CLI 3을 사용하려면 먼저 Node.js가 설치되어 있어야 합니다. Node.js를 설치하지 않았다면 https://nodejs.org/에서 다운로드 및 설치하십시오.명령 프롬프트 또는 터미널 창에서 다음 명령어를 실행하여 Vue CLI 3을 설치합니
Vuex의 Helper function
Vuex는 Vue.js 애플리케이션의 상태 관리 패턴 및 라이브러리입니다. Vuex는 중앙 집중식 저장소(store)를 제공하고, 컴포넌트 간의 통신을 편리하게 하기 위해 헬퍼 함수를 제공합니다. 이러한 헬퍼 함수는 Vuex에서 정의된 액션, 뮤테이션 및 게터와 같은
Vuex란?
Vuex는 Vue.js 애플리케이션에서 상태를 중앙 집중식으로 관리하기 위한 패턴과 라이브러리입니다. 애플리케이션의 상태는 여러 컴포넌트에서 공유되는데, 이를 관리하기 위해서는 애플리케이션의 상태를 중앙에서 관리하고 변경할 수 있는 방법이 필요합니다.Vuex는 이러한
ES5는 뭐고 ES6는 뭘까?
ECMAScript 5 (ES5)는 2009년에 발표된 자바스크립트 언어의 5번째 버전입니다. 이전 버전인 ES3에서는 자바스크립트 언어의 기본적인 구조와 기능이 정의되었습니다. 그러나 ES5에서는 새로운 문법과 기능이 추가되어, 자바스크립트 언어의 표준이 업데이트되었
Vue Life Cycle
lVue.js는 컴포넌트 기반의 프론트엔드 프레임워크이며, 컴포넌트가 생성되고 업데이트되는 데에는 라이프사이클 메서드가 사용됩니다. Vue.js의 라이프사이클 메
Servlet Container 수동 초기화
서블릿 컨테이너(Servlet Container)는 서블릿을 실행하고 관리하는 런타임 환경을 제공하는 웹 서버의 일종입니다.서블릿 컨테이너는 웹 서버와 연동하여, 클라이언트로부터 오는 HTTP 요청을 받아들이고, 해당 요청에 대해 적절한 서블릿을 실행하여 HTTP 응답
Protocol이란?
프로토콜은 컴퓨터나 인터넷 기술에서 컴퓨터나 장치간 통신을 원활하게 하기 위해 정의된 규약이나 규칙의 집합입니다. 이러한 규약은 컴퓨터나 장치간의 상호 작용을 가능하게 하기 위해 정해진 것으로, 각 프로토콜은 고유한 목적을 가지고 있습니다.인터넷에서 사용되는 프로토콜은
FTP와 SFTP의 차이
FTP(Fiie Transfer Protocol)와 SFTP(SSH File Transfer Protocol) 모두 파일 전송을 위한 프로토콜이지만, 다음과 같은 차이점이 있습니다.보안FTP는 기본적으로 평문 통신을 사용하기 때문에, 데이터가 중간에 가로채어질 경우 암
Spring Servlet 구현
이 코드는 Java Servlet을 사용하여 웹 애플리케이션에서 HTTP 요청을 처리하는 간단한 예제입니다.Servlet은 HTTP 요청을 처리하고 HTTP 응답을 생성하는 Java 클래스입니다. 이 예제에서는 TestServlet이라는 클래스가 HttpServlet을