[js & input file] 파일첨부 max 개수 이상이면 자르기(DataTransfer())

문제상황file 첨부할때 3개 이상 첨부 시 3개까지만 잘라서 보여줘야 함.input file의 change 이벤트 안에 files를 찍으니 fileList라는 Object로 들어와서 배열 이벤트로 잘라서 다시 넣으려고 했으나 수정이 불가.예) 첨부: 사진1, 사진2,

2021년 12월 2일
·
0개의 댓글
post-thumbnail

[HTML & Mobile] input 키패드 실행버튼 텍스트 검색으로 나오게 하기

문제상황모바일 기기마다 검색 input의 키패드의 검색버튼이 "완료" 또는 "이동" 등으로 다르게 나와서 "검색"으로 텍스트 변경요청form에 action="" 추가하기 (사용하지 않으면 빈값으로 그냥 두기)input의 type을 "search" 바꾸기 (기존에는 ty

2021년 12월 2일
·
0개의 댓글
post-thumbnail

[webpack] 작업 폴더 밖으로 컴파일하고싶을때 (publicPath와 outputPath)

브라우저에서 참조될때 출력 파일의 공용 URL 주소컴파일 된 파일이 배치될 파일 시스템 경로기본구조현재 작업폴더: application/layout안의 dist폴더루트가 시작하는곳: application/www/여기서부터~ (url로 접근할 수 있는 곳은 여기)따라서

2021년 12월 2일
·
0개의 댓글

[IOS & new Date()] invalid date 오류!

IOS 에서 invalid date 가 나옴.IOS 경우에는 가운데에 T를 넣어주면 해결된다. 또는 moment 라이브러리를 사용하는 것을 추천한다.

2021년 12월 1일
·
0개의 댓글
post-thumbnail

[Webpack] 렌더링된 image url이 base64로 나올때

scss 소스 상에서는 상대경로로 작성한 이미지파일 경로가 개발자도구에서는 base64로 나오는 상황webpack.config.js 파일에서 limit을 수정해줘야 한다. limit 보다 작은 파일은 base64로 변환하고 큰 파일은 그대로 보여주기 때문!

2021년 12월 1일
·
0개의 댓글
post-thumbnail

Vue3 인프런 기초강좌

Fragmentvue3에서는 template 태그 안에 꼭 하나의 태그로 감싸지 않아도 된다.setup() ref와 reactive

2021년 11월 30일
·
0개의 댓글