본문 바로가기
반응형

전체 글280

8월 1주차 회고 🐯 vee-validate 유형화 정리 vee-validate를 이번 Admin에 적용시켰다. 다만 이번 프로젝트 처음적용이라 잘 못 쓴 부분도 있어서 아쉬웠다. 그래서 이번에 vee-validate를 정리하여 팀원들 한테 공유해볼 생각이다. 😓 js 생성자 함수 vs 팩토리 함수 리팩토링 자바스크립트 공부중 생성자 함수는 무엇인지 팩토리 함수는 무엇인지 잘 이해가 가지 않았다. 그리하여 이것 공부가 필요해 보인다. 😎 vue3 + bootstrap + vee-validate vue에서 bootstrap와 vee-validate를 사용하여 블로그를 할 예정이다. 이건 회사에서 사용한 vee-validate의 유형화 작업이라고 보면 될것같다. 2022. 8. 7.
👌7월 4주차 회고 🙉 회사 내부의 Admin Design 시스템의 필요성을 느낌 Admin을 만드는 과정에서 사실 기존작업자의 작업을 받아서 하고 있었다. Bootstrap을 쓰고 있지만 사실 제대로 썼다고는 느끼기 어려웠다. public폴더안에 알수없는 css와 scss를 섞어서 사용하여 굉장히 복잡하였다. 그리고 Form들을 전부 Table을 써서 굉장히 사용하기 힘든면이 있었다. 가령 Label의 내용이 길어지면 글자가 짤리는 현상이라던지.. 그리하여 개인적으로 고쳐야할게 두가지로 보인다 1. Bootstrap을 다시 install 하고 pulic폴더안에 있는것들을 없앨것 2. Form은 Table이 아닌 다른 방법으로 만들것 🐯 Vue Composition API를 공부하자 사실 이번에 Vue Compostitio.. 2022. 7. 31.
😓ngrx를 이용하여 에러난 파일처리 🪜 문제상황 지난 프로젝트 유지보수 진행중 전송되지 않는 파일이 존재하여, 응시완료가 되지 않는 경우가 발생하였다. 그리하여 ngrx를 활용하여 에러난 파일을 store담아서 처리 해보기로 하였다. 문제상황 및 해결 방식은 아래와 같다. 위처럼 "3번"에서 에러가 날 경우 멈추는 것이 아닌 Store에 담는다. 👨‍💼 500 에러 날 경우 Store에 담기 🦧 1번 상황에서 에러가 발생할려면 actions에 addFileAction를 등록한다. //file.actions.ts import { createAction, props } from '@ngrx/store'; import { File } from './file'; // File 모델을 만들어야 한다. export const addFileAction.. 2022. 7. 30.
🦧7월 3주차 회고 👌 v-select + debounce 알아보기 v-select는 select box에 입력할때마다 api를 호출할 수 있다. 다만 입력할때마다 API를 요청하는것은 굉장히 비효율적으로 느껴졌고, loadsh의 debounce를 활용하는법을 찾아보 😎 axios 인증 인터셉터 axios의 인터셉터에서 한번 인증되지 않는다면, 이 후 API 요청을 취소하는 방법을 찾아볼 필요성을 느꼈다. axios에서 인증 에러가 뜬다면, login화면으로 보내는 작업을 해보자 🙉 boostrap grid 활용하기 현재 회사 프로젝트 bootstrap을 잘 못 활용하고 있다는 생각이 든다. grid를 이용하면 좀 더 반응형 처리가 가능한데 현재로서는 잘 못 사용하고 있다는 생각이 들어 grid형태로 바꿔볼 예정이다. 2022. 7. 24.
반응형