mock/artical.js - 더미 생산 mock/artical.js 파일을 보면 여러개의 module 이 exports 되어 있는 것을 확인 할 수 있다. 여기서는 여러 목업 데이터들을 만들어주는 공장 역활을 하는 것 같다. json 파일도 import 하는 방법을 사용하기도 하고, for 문을 돌려서 랜덤으로 더미를 생산하기도 한다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export mock/artical.js 파일에 예시로 이렇게 정의 되어 있을 때 module.exports = [ { url: '/vue-element-admin/article/update', type: 'post', response: ..

태그 위에 마유스 커서가 올라갔을 때 안내문이 "띵" 하고 나오게 해야한다. alter 창이 아닌 그 영역의 안내문 개념인 popover template 에서 지원하는 popover는 디자인 변경이 불가능해서 디자인 변경이 가능한 popover 를 찾아야 한다. import {Popover} from 'element-ui' popover 란 ? 특정 상황에서 현재 시점의 element 를 체크해서 그에 맞는 메뉴를 띄워주는 것 버튼 조건 키워드 버튼에 마우스가 올라갔을 때 el-popover 안에 있는 요소가 나타난다

CSS를 이용하여 부모 요소의 높이에 자식 요소를 맞추는 방법 웹 페이지 레이아웃을 디자인할 때, 부모 요소(div)의 높이를 자식 요소에 자동으로 적용하고 싶은 경우가 종종 있습니다. 특히, 자식 요소들이 부모 요소의 높이에 꽉 차게 표시되어야 할 때 이 방법이 유용합니다. 이 포스트에서는 CSS만을 사용하여 이를 해결하는 방법을 소개하겠습니다. 문제 상황 부모 요소에게 height: 100px;를 주었을 때, 자식 요소들이 자동으로 부모의 높이를 채우도록 설정하고 싶습니다. 이를 위해 자식 요소들에게 하드코딩으로 height: 100px;를 설정하는 것이 아니라, 더 유연한 방법이 필요합니다. 해결 방법 자식 요소들에게 다음과 같은 CSS 속성을 적용하여, 부모 요소의 높이에 맞춥니다. .child-..

in . 오목교 할리스에서 오늘 목표 ㄴ 라우터 매핑 알려주기 ㄴ template - Component 매핑 ㄴ vue 구조 설명 ㄴ git Hub Label 생성 ㄴ 개발 일정 우선순위 정하기 오늘은 권한관리에 대해서 의논했다. w 이 라우터 연결에 성공했고 관리자 페이지를 어떻게 접근할지 정했다. url 에 /admin → 로그인 시 접근 가능 어드민 전용 로그인 페이지 ㄴ 1번 해결책 : 토큰 ㄴ 2번 해결책 : 관리자 여부 'TRUE' CHECK ㄴ 3번 해결책 : Session

따자 '마스코트' 들 😎❤ 협업 프로젝트인 만큼 서로 소통하는게 중요하다는 것을 잘 아니까 우리는 깃허브를 잘 활용하려고 한다. 그래서 오늘 목표는 깃허브를 같이 이용하는 방식을 정하기로 했다. 깃허브는 낮설지만 계속 쓰면 익숙해 지겠... 지 ⏳ Git Hub 관리 내 Local 의 변경사항은 MainA 에서 이루어진다. pull 내 위치가 MainA 라면 main 으로 이동을 해야 한다 git checkout main 다시 확인하면 내 위치가 main 이 되어있을 것이다. git branch 그때 pull 을 해! git pull push push 할 때는 꼭 pull 을 하고 해야 충돌을 대비할 수 있어 일단 내가 수정한 것들을 add 해 git add a** git add 파일명 git commi..

Fri Apr 23 11:15:47 KST 2021 WARN: Establishing SSL connection without server's identity verification is not recommended. According to MySQL 5.5.45+, 5.6.26+ and 5.7.6+ requirements SSL connection must be established by default if explicit option isn't set. For compliance with existing applications not using SSL the verifyServerCertificate property is set to 'false'. You need either to explicitl..

지금 상황이 이러한 상황이다. A 의 부모가 B 라는 자식을 사용하는 중인데 A의 데이터인 list 를 B가 props 로 전달 받아서 사용하고 있는 중이다. A가 렌더링 되고 나서 구 후에 A의 list 의 요소가 바뀌었을 때 B는 그것을 알아채고 A의 list 에 맞게 다시 로딩이 되어야 하는데 그러지 못하는 상황이었다. 해결책 : B를 import 해서 사용할 때 보내주는 key 값을 이용하는 방법 1. B에게 보내는 key를 사용한다 2. A는 rederKey 를 가지고 있어야 한다. data() { return { rederKey : 0, list: [ { name: "A", id: 0 }, { name: "S", id: 1 }, { name: "D", id: 2 }, { name: "F", i..

js 에서 배열을 다루는 법은 일반적으로 나와 있지만 다차원 배열에 대해서는 잘 나와있지 않는 것 같다. 내가 방황한 이유는 아래 같이 LIST 가 있는데 list: [ { name: "A", id: 0 }, { name: "S", id: 1 }, { name: "D", id: 2 }, { name: "F", id: 3 }, { name: "V", id: 4 }, { name: "H", id: 5 }, { name: "J", id: 6 }, { name: "M", id: 7 }, { name: "I", id: 8 }, ], 모든 객체에 age : 16 데이터를 추가 하고 싶은데 보통의 방법처럼 push 로는 안되는 것이었다 list: [ { name: "A", id: 0 , "age": 16 }, { n..