일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- node
- exceljs
- 회고
- Python
- 블록체인
- nginx
- 배포
- nodejs
- pagination
- Laravel
- jquery
- Kaikas
- chatGPT
- Setting
- React
- 라라벨
- metamask
- polygon
- miniconda
- NextJS
- 공연티켓
- git
- threejs
- netfunnel
- 발행
- nft
- CSS
- PM2
- Ai
- Remix
- Today
- Total
목록jquery (4)
박주니 개발 정리
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dt9n9K/btrBFGEB8qy/65sO8grcScXYWNoyJpiSjK/img.png)
먼저 modal 을 이해하기 위해서는 absolute와 relative 관계를 이해를 해야하는데 제가 이해한 부분은 absolute는 도화지 relative는 그 도화지에 그리고자하는 대상이라고 생각하니 이해하기가 쉬웠습니다. 1. html에서 absolute 대상과 relative 대상을 간단하게 만듭니다. test 주의) 만약 전체 영역을 대상으로 absolute를 설정해야한다면 .absolute에 css width: 100%, height: 100% 지정시 전체 영역이 되는 지 부터 확인을 해야합니다. 만약 하위에 속해서 다른 css에 영향을 받는다면 전체 영역 칸으로 빼내야합니다. 만약 지금 설명하는 것이 이해가 안되신다면 css layout 설정하는 방법을 다시 공부하시길 바랍니다. 2. 먼저 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cwD839/btrBzcR0Wt9/KIcn0alBSMEDSwDOQ3lhbK/img.png)
inline-block으로 적용할 때 안에 있는 리스트 퍼블 수정시 제대로 적용이 안돼고 https://blogpack.tistory.com/553 inline-block 태그의 공백 버그를 회피하기 inline-block 태그에는 일종의 버그성인 공백 문제가 있습니다. 이미 널리 알려진 버그지만 태그 자체의 버그를 패치하자니 다른 사이드 이펙트가 더 커져서 방치 아닌 방치가 되고 그런 사이에 온 blogpack.tistory.com grid로 가로슬라이드를 만들어봤습니다. 먼저 ul과 li로 기본 폼을 만들어놓습니다. 1. ul width 영역을 100%으로 하고 li를 3-4개정도 반복한 후 ul에서 li .을 제거해주시면 됩니다. 참고) li에서 .을 제거하는 방법은 line-style: none ..
jquery를 활용하니 script에다가 jquery를 추가해주시길 바랍니다. 1. 프론트에 input type file, button, img form을 만듭니다. @extends('dashboard.authBase') @section('content') reader @endsection @section('javascript') @endsection 참고 사항▶ file을 넣을 때는 꼭 enctype="multipart/form-data"를 추가해야 정상적으로 image를 가져올 수 있습니다. input file에 style="display:none"을 한 이유는 button에다가 input file 기능을 대체하기 위함입니다. 2. button 클릭시 input file이 실행이 되면서 onchang..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cigQv1/btrxc2dXm7n/xx3m22DudWO18PjA4ZW080/img.png)
passord,confirm password input에 입력하면 바로 하단에 문구를 통해 안내를 진행할려고합니다. 지금 하는 작업은 DB를 거치지 않고 오직 프론트상에 controller로 진행할 것입니다. 1. jquery를 사용할 수 있게 header에 jquery를 연결합니다. 2. 프론트상에 password, cofirmpassword 사용할 input과 하단에 비교 후에 글자가 나올 수 있게 을 만들어놓습니다. @section('javascript") @endsection 4. jquery를 활용해서 password와 confirm-password id를 가지고 와서 onchange envent를 진행합니다. @section('javascript") @endsection 주의 사항▶ jquer..