📌Nuxt란? nuxt.js는 SSR프레임워크으로 Vue.js로 빠르게 웹을 제작할 수 있게 도와주는 프레임워크입니다. 웹 애플리케이션을 제작할 때 필요한 Vuex, router, Axios와 같은 라이브러리들을 미리 구성하여 SPA(Single Page Application), SSR(Server Side Rendering),정적 웹 사이트(Static Cenerated Website)를 쉽게 제작할 수 있습니다. SPA : "서버"에서 브라우저로 빈 HTML을 던진다. 이벤트를 잡아서 화면을 바꿔준다 서버로 가지않고 이벤트로 화면을 바꿔준다. SSR : 페이지를 뒤쪽에서 서버에서 url로 요청을 했을때 페이지를 다 그려서 원본파일 그대로 보내준다. 📌Nuxt의 장점 nuxt로 개발했을 때의 장점은 다..
📌Vue.js에서 Repository pattern적용방법 간단히 순서 설명후 따라해보자 Repository 폴더 생성 Clients 폴더 만들기 xxxClient.js 클래스/인터페이스 만들기 개별 리포지토리 클래스 만들기 파일 "저장소.js"만들기 모델, 컨트롤러 또는 Vuex내에서 사용하기 👉1. Repository 폴더 생성 해당 src폴더에 repository 폴더 만든다. 👉2. Clients 폴더 생성 새로 만든 'repositories'폴더 안에 'clients'폴더를 만들자. 기본적으로 이 폴더 안에 파일들을 넣을예정이다. 예를들어 HTTP클라이언트,Axios 등등.. 👉3. xxxClient.js 클래스/인터페이스 만들기 여기에는 CRUD 메서드를 포함한 모든 클라이언트 API구성이 포..
vue 프로젝트를 진행 하다보니 데이터를 따로 저장하는게 깔끔한 코드를 짤 수 있지 않을까 해서 따로 데이터를 저장하는 폴더를 만드려고 한다. 이때 저장 방식은 두가지가 있는데 하나는 store.js를 통해 저장하는 것과 하나는 더미데이터를 통해 저장하는 방식이다. 두가지의 가장 큰 차이점은 사용 목적에 있는데 아래에서 store에 대해 알아보자. 1. store store파일은 기본적으로 vuex를 사용해서 데이터를 가져오는 것인데 이것은 컴포넌트 간의 데이터를 자유롭게 주고받기 위한 목적으로 사용한다. 따라서 미리 필요한 데이터 셋팅을 할 때 스토어에 저장하여 공통된 데이터를 공유한다는 개념이면 store를 사용하는 것이 맞다. 📌Vuex? vuex는 vue.js의 상태관리 라이브러리로 애플리케이션의..
멋사xAbly 익스턴십을 1/5일부터 진행하게 되었다. 일전에 vue.js를 사용해본 경험이 없기 때문에 빠르게 미리 학습하고 이해하기 위해서vue.js 공식문서 강의와 유튜버 개발자의 품격님의 영상을 보면서 알아보려고 한다. ✏️VUE.js 간단 정리 VUE.js 정리 # 1기본 사용 VUE.js 정리 # 2 속성 바인드 VUE.js 정리 # 3 조건부 렌더링 VUE.js 정리 # 4 리스트 렌더링 VUE.js 정리 #5 이벤트 핸들링 VUE.js 정리 #6 스타일 바인딩 VUE.js 정리 #7 Computed Properties VUE.js 정리 #8 Vue Components VUE.js 정리 #9 Vue Communicating Events VUE.js 정리 #10 Vue Form and Two-..
- Total
- Today
- Yesterday
- useState
- vue.js3
- props
- 이벤트리스너
- eventListner
- 항해플러스프론트엔드
- 로그인 인증
- 웹훅
- react
- http
- Vuex
- 디바운싱
- event종류
- 레포지토리패턴
- Http통신
- vue3
- 항해플러스후기
- reactnative
- store.js
- Repository pattern
- loadbalancer
- 이벤트버스
- Vue.js
- 알고리즘
- 항해솔직후기
- focus와blur
- 더미데이터
- React18v
- JWT토큰
- 빅오표기법
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |