박주니 개발 정리

먼저 modal 을 이해하기 위해서는 absolute와 relative 관계를 이해를 해야하는데 제가 이해한 부분은 absolute는 도화지 relative는 그 도화지에 그리고자하는 대상이라고 생각하니 이해하기가 쉬웠습니다. 1. html에서 absolute 대상과 relative 대상을 간단하게 만듭니다. test 주의) 만약 전체 영역을 대상으로 absolute를 설정해야한다면 .absolute에 css width: 100%, height: 100% 지정시 전체 영역이 되는 지 부터 확인을 해야합니다. 만약 하위에 속해서 다른 css에 영향을 받는다면 전체 영역 칸으로 빼내야합니다. 만약 지금 설명하는 것이 이해가 안되신다면 css layout 설정하는 방법을 다시 공부하시길 바랍니다. 2. 먼저 ..

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..

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..