본문 바로가기

전체 글474

Movie 컴포넌트 테스트 Movie.vue 테스트 영화정보 id를 제대로 가져오는지 확인 테스트 코드 import {shallowMount} from '@vue/test-utils' import store from '~/store' import router from '~/routes' import loadImage from '~/plugins/loadImage' import Movie from '~/routes/Movie' describe('routes/Movie.vue', () => { let wrapper beforeEach(async () => { window.scrollTo = jest.fn() router.push('/movie/tt1234567') await router.isReady() wrapper = shallo.. 2022. 2. 1.
Search 컴포넌트 테스트 연도별 조회기능 테스트 기존기능 코드 (Search.vue) test 코드 작성 Search.test.js import {shallowMount} from '@vue/test-utils' import Search from '~/components/Search' describe('components/Search.vue', () => { let wrapper beforeEach(() => { wrapper = shallowMount(Search) }) test('선택 가능한 연도의 개수가 일치합니다.', () => { const year = wrapper.vm.filters.find((filter) => { return filter.name === 'year' }) const yearLaength = new.. 2022. 1. 31.
Header 컴포넌트 테스트, url 테스트 각각의 테스트는 고유한 테스트 환경을 갖추어야 한다. 따라서 테스트 안에서 매번 마운트 해주는 방법이 있다. 또는 beforEach를 이용하여 테스트 전에 마운트를 다시 한번 해주는 방법이 있다. 아래 예제에서는 beforEach를 이용하는 방법을 사용하였다. 페이지 이동을 위한 공식문서 Testing Vue Router | Vue Test Utils for Vue 3 (2.0.0-rc.18) (vuejs.org) Testing Vue Router | Vue Test Utils for Vue 3 (2.0.0-rc.18) Testing Vue Router This article will present two ways to test an application using Vue Router: Using the.. 2022. 1. 27.
블로그 글로 개발 공부하기 인프런 강의중 비전공자를 위한 개발자 취업 올인원 가이드 [통합편] 강의를 보고 작성되었습니다. 개발자가 구글링해서 찾아보는 것들 1. 사용하려는 기술의 공식 문서 2. 문제 해결을 위한 질문과 답변 (StackOverFlow) 3. 개발자가 작성한 개발 블로그 글 공식 문서 - 해당 기술을 개발한 회사/조직에서 만든 공식 사용 설명서 - 해당 기술의 스펙과 기능을 빠짐 없이 제공하는 것이 목적인 문서 - 초보 개발자에게 친절하게 사용법을 설명하지 않으며, 주로 영어로 되어있어 접근하기 쉽지 않다. - 비교적 최근에 나오는 기술들을 튜토리얼까지 제공하는 경우가 있다. 스택오버플로우 https://stackoverflow.com/search?q=404&s=1f8a6b00-53d2-4d8b-9e52-67a1.. 2022. 1. 25.
추천하는 인터넷 강의 목록 인프런 강의중 비전공자를 위한 개발자 취업 올인원 가이드 [통합편] 강의를 보고 작성되었습니다. 1편 ~ 6편까지의 강의 추천(컴퓨터의 동작원리를 이해하는데 좋다고 한다.) https://www.youtube.com/watch?v=Tq3W8UyltFs&list=PLy-g2fnSzUTAaDcLW7hpq0e8Jlt7Zfgd6 운영체제 공부하는데 좋은 강의 http://www.kocw.net/home/search/kemView.do?kemId=1046323&ar=pop 운영체제 운영체제는 컴퓨터 하드웨어 바로 위에 설치되는 소프트웨어 계층으로서 모든 컴퓨터 시스템의 필수적인 부분이다. 본 강좌에서는 이와 같은 운영체제의 개념과 역할, 운영체제를 구성하는 각 www.kocw.net http://www.kyobo.. 2022. 1. 25.
인터넷 강의 장점, 단점 인프런 강의중 비전공자를 위한 개발자 취업 올인원 가이드 [통합편] 강의를 보고 작성되었습니다. 장점 1. 낯선 행위들을 눈으로 확인 가능 - 낯선 행위들 = 개발 환경 세팅, 코드 작성, 서버 구성, 배포 등등 - 개발을 글로 학습하는 것과 직접 보면서 학습하는 것은 다르다. (개발 = 실제 행위) - 강사의 실제 행위를 목격할 수 있어서 무의식적/의식적으로 배우는 것들이 생긴다. - 가장 많이 배웠다고 생각하는 때 = 선임 개발자가 내 컴퓨터를 잡고 문제 해결을 시도하는 것을 옆에서 지켜봤을 때 - 취업 전에는 인터넷 강의가 선임 개발자 역할을 해줄 수 있다. 단점 1. 강사가 a부터 z까지 다 해주기 때문에, 눈으로만 보고 이해했다고 착각하기 쉽다. 2. 강의는 매끄럽게 진행되어야하기 때문에 시행착.. 2022. 1. 25.

티스토리툴바