vue3 [TIL] 20250324월 (vue.js 부모 ← 자식 데이터 바인딩, input field :size) 2025-03-241) 서비스 점검 모달 구현 테스트 (web)- 기존 admin > ㅇㅇ 탭 확인- PK값 변경하고, 점검 시간 안에 모달 잘 뜨는지 테스트 2) 카테고리 모달 - 카테고리 수정 API 연결- 1. 수정하고자 하는 cell 더블 클릭 시, 해당 div가 input 필드로 변경되어 수정가능하도록 구현기능 구현은 vue의 `@dbclick`을 사용함 - 2. 커스텀 post 요청 함수 가져다 쓰기export async function admPost(url, params, headers = {}) { return await axios.post(url, params, {headers});}위와 같이 정의한 함수를 외부에서 가져다 쓸 때,API 응답을 받아 후속처리를 해야 한다면 가져다 쓴 곳.. 2025. 3. 24. 프론트엔드 개발자로 1개월 반 살기 지난 10월 초에 프론트엔드 개발자로 취업을 한 뒤, 회사에서 다양한 업무를 진행했다.아직 신입 연차라 대단한 업무는 아니었지만 내가 했던 업무를 정리해 보자면 아래와 같다. 어드민 페이지회사에 기존 존재하던 어드민 페이지 프로그램은 유지보수 난이도가 높아 Vue3를 이용해 새로운 어드민 페이지를 만들고 있다고 했다. 기존 어드민 페이지의 기능을 새로운 프로젝트로 옮기는 작업을 진행했다.요청에 따라 화면 `UI 퍼블리싱`: 중요한 작업보다는, 사용자 편의를 위한 작업이었다. 입사 초기에는 주로 퍼블리싱 작업을 했다.json으로 내려온 데이터를 `엑셀로 변환 및 다운로드` 할 수 있게 작업 (xlsx라이브러리 사용)테이블 형태로 데이터를 보여주기 위한 라이브러리 변경: `ag-grid` -> `grid.j.. 2024. 11. 23. 면접대비 질문 정리: Vue.js 1. Vue.js란?✅ 답변:Vue.js는 사용자 인터페이스(UI) 구축을 위한 진행형(Progressive) JavaScript 프레임워크입니다.React와 유사하게 컴포넌트 기반으로 UI를 개발할 수 있으며, Virtual DOM과 반응형 시스템을 활용하여 효율적인 렌더링을 제공합니다.2. Vue의 Virtual DOM이란?✅ 답변:Virtual DOM은 실제 DOM을 직접 조작하는 대신, 가상의 DOM을 사용하여 변경 사항을 최소화하는 기술입니다.Vue는 변경 사항을 감지하고, 효율적으로 필요한 부분만 업데이트하여 성능을 최적화합니다.3. Vue의 반응형 시스템이란?✅ 답변:Vue는 Proxy 기반 반응형(Reactivity) 시스템을 사용합니다.데이터가 변경되면 Vue가 이를 감지하고, 변경된 부.. 2024. 11. 23. 이전 1 다음 반응형