본문 바로가기
반응형

전체 글280

🎲 vue + jest를 이용한 login 구현 🤹🏻‍♂️ 로그인 기능 > 간단한 로그인을 기능을 구현하고자 하며, 입력값은 id/pw만 존재한다. 🚎 테스트 케이스 id/pw 비어있을 경우 alert을 띄운다. id/pw 입력 후 성공적으로 끝날 경우 main으로 이동 로그인시 정보가 맞지 않는 경우 로그인 api에서 서버에러가 발생 한 경우 🧩 사전작업 * LoginPage.vue를 만든다. * 테스트 할 loginpage.test.js를 만든다 기본적으로 비어있는 vue 파일을 만든다. //loginpage.test.js import LoginPage from '../LoginPage.vue'; import { shallowMount } from '@vue/test-utils'; describe('LoginPage.vue 단위테스트', () =>.. 2023. 4. 11.
🛟 4월 1주차 회고 🛬 jest에서 vuex 테스트 하기 이번주에는 jest와 vuex를 직접 테스트 해보았다. 기본적으로 컴퍼넌트에서 vuex를 mock처리하여 진행하였다. 실제 개발 한다고 한다면, vuex의 actions에서 api를 호출 하는 경우도 있다고 생각하여, 의존성있는 부분이 있다고 생각하여 mock처리하는 방법으로 실시하였다. 🚢 jest + vue으로 로그인 구현하기 현재 jest + vue 를 이용하여, 로그인을 구현하고 있다. 현재 상황은 아래와 같다. jest login 화면 실시 jest login validate jest login 성공 jest login 실패 jest login 서버에러 그리고 깃허브(https://github.com/eorjs37/vue-login-jest)에서 현재 진행중.. 2023. 4. 9.
🏎 3월 5주차 회고 🚚 컴퓨터 구조 이해 요즘 클린코드라는 책을 읽으면서, 동시성에 관하여 읽는데 스레드 부분이 이해가 가지 않는다. 컴퓨터 구조의 대한 이해가 있어야, 개발을 하면서 어떻게 개발해야할지 조금 더 이해가 쉽지 않을까 라는 생각이든다. 그리하여 컴퓨터 구조에 대해 알아보도록 하자 "한 권으로 읽는 컴퓨터 구조와 프로그래밍:더 나은 소프트웨어 개발을 위한 하드웨어" 라는 책을 읽어보도록 하자 🚘 nginx에 대해 알아보기 웹서버에 대해서는 정적인 파일(html,css,javascript)을 처리한다. 라고만 알고 있고, 웹서버에 도메인 설정하고 root 설정하는 부분이 아는 수준이었다. 그러나 최근에 누군가 한테 설명하는데 굉장히 나도 nginx에 대해 잘 모르고 있다는 것을 느꼈다. 물론 프론트엔드 개발자가 .. 2023. 4. 2.
🍰 3월 4주차 회고 🥠 typescript 공부 필요 최근 취업공고를 보다보니 몇가지가 꽤 변경되었다. js => ts 테스트코드 자격조건/우대사항 그리하여 변화에 따라 typescript의 공부의 필요성을 느꼈다. 아무래도 javascript가 좀 느슨한 타입이라 오류를 일으키지 않나 라는 개인적인 생각이 들었다. 🛬 Nuxt.js 요즘 ssr으로 바뀌고 있는것도 취업공고에서 확인이 가능했다. 그리하여 nuxt.js의 공부의 필요성을 느낀다. 계속하여 미룰수는 없는 것 같다. 📽 javascript 이벤트 공부 javascript의 이벤트에 대한 개념이 좀 부족하지 않나? 라는 최근에 생각이 들었다. 이벤트 버블링 ,캡쳐링에 관하여 부족하다고 느꼈고 단순히 면접용이 아니라 실무에서 어떻게 적용할지에 대한 고민이 필요해 보.. 2023. 3. 26.
반응형

티스토리툴바