vue 프로젝트를 진행 하다보니 데이터를 따로 저장하는게 깔끔한 코드를 짤 수 있지 않을까 해서 따로 데이터를 저장하는 폴더를 만드려고 한다. 이때 저장 방식은 두가지가 있는데 하나는 store.js를 통해 저장하는 것과 하나는 더미데이터를 통해 저장하는 방식이다. 두가지의 가장 큰 차이점은 사용 목적에 있는데 아래에서 store에 대해 알아보자. 1. store store파일은 기본적으로 vuex를 사용해서 데이터를 가져오는 것인데 이것은 컴포넌트 간의 데이터를 자유롭게 주고받기 위한 목적으로 사용한다. 따라서 미리 필요한 데이터 셋팅을 할 때 스토어에 저장하여 공통된 데이터를 공유한다는 개념이면 store를 사용하는 것이 맞다. 📌Vuex? vuex는 vue.js의 상태관리 라이브러리로 애플리케이션의..
JavaScript/TypeScript로 개발할 때 사용할 수 있는 테스트 프레임워크는 여러가지가 있다. 본 강의에서는 Vue.js의 공식 테스트 유틸리티를 사용할 것이며, Jest 프레임워크를 사용하기로 했다. 1. 우선 package.json에 @vue/test-utils 이 있는지 확인 없다면 터미널 열고 vue add unit-jest 코드 입력 위의 사항은 완료하면 test/unit 파일 생성되고 그 아래 예제 테스트 파일을 제공한다. 제공된 테스트파일 한번 실행해보자 실행코드 : npm run test:unit (이것이 하려는 일은 이 디렉토리 테스트 및 내부의 모든 테스트 파일을 찾는 것이다.) pass라고 나오져? example.spec.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-..
공식 문서에 따르면 axios의 정의는 다음과 같다. Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다 일종의 자바스크립트에 내장되어 있는 fetch api와 유사한 기능을 하지만 차이점이 몇가지 있다. 그렇다면 axios의 장단점을 알아보기 위해 그 차이를 비교해보도록 하자 . 위의 표를 보았을 때 axios는 별도의 설치가 필요하다는 단점이 있지만 그것을 커버할 만한 fetch보다 많은 기능 지원과 문법이 조금이나마 간소화 된다는 장점이 있다는 것을 볼 수 있다. 참고 :https://kyun2da.dev/%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC/axios-%EA%B0%9C%EB%85%90-%EC..
getElementById()는 무엇인가? element = document.getElementById(id); id를 통해 엘리먼트를 반환한다. 만약 document에 구체적인 ID의 엘리먼트가 없다면 null을 반환한다. querySelector()는 무엇인가? element = document.querySelector(selectors); selector의 구체적인 그룹과 일치하는 document안 첫번째 엘리먼트를 반환한다. 일치하는게 없으면 null반환한다. querySelector vs selectElementById 위와 같은 코드가 있다고 가정해보자. 우리는 username 요소를 얻고 싶고 이를 변수에 할당하고 싶다. 첫번째로 getElemenyById를 통해 해보자! var userna..
- Total
- Today
- Yesterday
- eventListner
- Repository pattern
- 이벤트버스
- 웹훅
- loadbalancer
- vue3
- focus와blur
- Vue.js
- React18v
- JWT토큰
- 레포지토리패턴
- 디바운싱
- 로그인 인증
- 이벤트리스너
- 항해플러스후기
- Http통신
- store.js
- 빅오표기법
- http
- react
- 알고리즘
- useState
- vue.js3
- 더미데이터
- props
- Vuex
- 항해플러스프론트엔드
- 항해솔직후기
- event종류
- reactnative
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |