FILife

.form-group { position: relative; margin-bottom: 1.5rem; } .form-control-placeholder { position: absolute; top: 0; padding: 7px 0 0 13px; transition: all 200ms; opacity: 0.5; color: red; } .form-control:focus + .form-control-placeholder, .form-control:valid + .form-control-placeholder { font-size: 75%; transform: translate3d(0, -100%, 0); opacity: 1; } 매우 잘 된다. 출처: stackoverflow.com/a/58736840 H..

라라벨 doc에도 나와있지만, 이해가 잘 안가서 겁나 헤매다 쓴다. 알다시피 Eloquent의 강력한 기능 중 하나는 relation 일것이다. 1:1 또는 1:n 관계 까지는 별 문제가 없었는데, 연결된 테이블과 연결된 테이블을 가져오는것이 어려웠다. 이런 경우 사용되는 메서드는 hasOneThrough, hasManyThrough, belongsToThrough 등이 있는데, 이것을 기록하려 한다. 먼저 테이블 구조는, 1. 카테고리 테이블 category (Model: Category) id INT, NN, AI, UQ name VARCHAR color VARCHAR created_at DATETIME 2. 카테고리와 상품을 연결하는 category_items (Model: CategoryItems..

위 구성에서 "Host key verification failed." 오류가 발생하는 경우다. 1. EC2 키 파일의 owner를 gitlab-runner 로 변경해준다. 단, 그룹은 유지. 2. 키 파일의 권한은 400 3. .gitlab-ci.yml 파일의 before_script 부분에 아래 세 줄을 넣어준다. - ssh-keyscan -H '{EC2-PUBLIC-DNS}' >> ~/.ssh/known_hosts - ssh-keyscan ec2-{EC2-PUBLIC-DNS} | sort -u - ~/.ssh/known_hosts -o ~/.ssh/known_hosts - echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config 물론 {EC2..

링크로 대체함. https://soraji.github.io/front/2019/12/05/IE11blankVuejs/ [Vue.js] Vue를 적용하니 IE11에서 하얀화면(blank)으로 나올때 vue로 실컷 작업한뒤, chrome에서 신나게 작업을 하고 있는데, soraji.github.io 별거 다 해봤는데 저것만 먹히더라.

윈도우10 2004 업데이트가와 함께 WSL도 업데이트가 되었다. 처음에는 /mnt/d/projects 디렉토리를 mount하여 document_root 로 사용했으나, 찾아보니 /mnt 내에 위치한 파일은 제 속도가 나오지 않는다고 한다. /home 안에 새로 디렉토리를 만들었는데, 탐색기에서 접근할 방법이 막막했다. \\wsl$ 경로로 접근하면 된다기에 해봤더니 권한 오류가 발생한다. 이 경우는 IDE를 통해 해결되었다. intellij 계열이나 VScode 가 WSL 경로를 지원한다는듯 하다. 이후에 생긴 문제는 browsersync 사용 시 브라우저에서 접속이 안되는 것이었다. npm run watch 커맨드를 실행하면 브라우저 탭은 새로 열리는데 접속이 불가했다. 자동생성되는 3000번 포트가 ..