차근차근 찌니

ヾ( ͝° ͜ʖ͡°)ノ♪ 유후 프로젝트 마감이 다가오니 슬슬 마무리를 하려는데 로컬에서 테스트할 때 "들어왔니?" ㅋㅋ 머이런 로그가 개발에서도 보여서 npm run build 시엔 console.log를 무시하는 설정이 필요했다. 1. 환경변수 설정 우리 프로젝트 경우, 따로 사용하는 babel 플러그인이 없었을 뿐더러 왜인지 모르겠지만 환경변수 설정이 안되어있었다. 내가 원하는 node 모듈을 사용하기 위해선 환경변수 설정하는게 편했다. 프로젝트 상단위치에 각각 폴더를 만들었다 * VUE3이상부턴 변수명 앞에 VUE_APP_를 붙이면 node 환경변수로 인지한다. .env.prd (빌드용) NODE_ENV="production" VUE_APP_API_URL=/api/v1 VUE_APP_FILE_URL..

회사에서 인프런 강의는 대부분 지원을 해주기에 프로젝트 기간동안 잘 모르고도 넘어갔던 것이랑 헷갈렸던 걸 되짚어보는 시간을 갖기 위해 인프론 vue 중급강의를 듣게 되었다 대부분 아는 내용이긴 하지만 한번 더 정리하는 기회가 되는 것 같아 나름 의미가 있다. 포스팅에선 새롭게 알게된 내용이나 기록해둘만한 것만 간단하게 메모하는 느낌으로 끄적끄적 해볼까 한다. ESLint 에러 설정 *ESLint ? 쉽게 문법 구조 검사 도구 라고 생각해보자. 처음 세팅 시 필요한 건데, ESLint 에러가 나면 localhost:portnumber는 까만 불투명 화면이 덮어지면서 에러문구가 보이고 시스템을 확인할 수가 없다. 로직문제는 아니고 단순히 문법?에 대한 오류인데 보통은 로그에 에러는 뜨더라도 시스템은 운영은 ..

vue 강좌 영상을 여러번 봐도 직접 하질 않으니.. 이해를 못했던 props.. 이번에 프로젝트 공통 컴포넌트 만들면서 드디어 해봐뜨아!! props 부모 컴포넌트에서 자식 컴포넌트한테 변수값을 전달하기 위함! 예를 들어, 프로젝트 기준으로 multi selected dropdown 공통 컴포넌트를 만들었는데, 다른 vue에서 불러다 쓰러면, 이 다른 vue 가 부모고, 공통 컴포넌트가 자식! emit은 그 반대! props를 좀 풀어서 얘기하면 멀티 컴포넌트야! 내가 변수(데이터)줄테니깐 너가 받아서 알아서 만들어줘!! 이렇게 되는 것이지 ㅎ To-do A(부모) : productionAssortment.vue B(자식) : MultiSelectDropDown.vue (common component)..