박주니 개발 정리

프로젝트를 하면서 유지보수를 하게 되는 경우에 back에서 request 값을 확인하면서 에러가 어디서 발생되었는 지 찾아야하는 경우가 있습니다. 저는 dd(); 위주로 할 때 바로 화면상에 시각적으로 보여주기 때문에 습관적으로 dd()로 값을 찾는 과정에서 에러가 발생되어 확인할 수 없었던 것이 Log::info() 확인할 때 보여지는 경우를 확인할 수 있었습니다. 이유를 찾아보니 단순하게 form태그에서 button type을 어떻게 했는 지가 중요하다는 것입니다. type이 button일 경우에는 script를 통해서 ajax으로 값을 back으로 보내주기 때문에 dd($request)로 하면 지금처럼 에러가 발생되면서 $request가 전달되지가 않습니다. 그런데 여기서 Log::info()로 확..

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

cava 프로젝트를 진행하면서 node+javascript 위주로 하다가 laravel로 만들다보니 validation보다 jquery를 많이 의존해서 유효성검사를 진행했습니다. 하지만 laravel로 작업할 때 코드가 클린하기 위해서는 validation 기반으로 진행을 해야했고 유지보수를 하거나 협업을 할 때에도 모든 것을 jquery로 진행하게 되면 코드가 복잡해지는 것을 보면서 핵심이 되는 부분만 새로 간단하게 만들어서 만들어봤습니다. 1. 회원가입 버튼은 type submit으로 해서 validation을 거칠 수 있게 만듭니다. 이유) ajax을 사용해서 click event을 진행할시에 validation에 대한 메시지를 제대로 받지 못할 뿐더러 controller에서 response()->..