개발 덕후

swiper.js를 사용하면서 safari에서만 transform: translate3d(*, *, *) 이 부분에서 의도하지 않게 보여지는 문제 뭔가 애니메이션 중간에서 끊겨있는 것이 유지되는 버그가있었다. 해당 문제가 발생한 UI가 swiper > swiper로 2단계로 중첩되어있어서 처음에는 이것이 문제인가? 생각했다. 문제가 생겼던 swiper slide가 position이 특이하게 position: static으로 설정했었다. chrome에서는 분명하게 의도한대로 보여졌기 때문에 문제가 없다 생각했는데 추후에 위 position 값을 수정해주니까 … Continued

워드프레스의 포스트를 관리하면서 포스트의 순서와 카테고리, 태그 등등의 순서를 의도한 순서로 변경해야할 때가 있습니다. 그때 사용하기 좋은 플러그인 메인으로 사용하던 플러그인 (Real Custom Post Order) 필자는 그동안 devowl.io 에서 만든 플러그인들을 유용하게 잘 사용하고있어서 해당 개발사에서 만든 Real Custom Post Order를 사용했다 UI도 어썸하고 사용하기 좋았다. 해당 플러그인을 설치하고 포스트타입에 들어가면 screen options에서 Post order를 … Continued

자동 업그레이드, 업데이트후 예약한 유지보수에 대해 잠시 사용할 수 없습니다. 잠시 후에 다시 확인하세요.(Briefly unavailable for scheduled maintenance. Check back in a minute.) 메세지가 간혹 표시가 되기도 한다. 업그레이드 업데이트가 정상적으로 진행되고 있지 않은 것같다면 FTP에 접속하여 .maintenance 삭제하면 된다. 위 메세지 표시는 제거됩니다.

워드프레스의 테마를 roots/sage의 10버전으로 개발을 진행중이다. 그런데 플러그인을 설치하려고 하면 설치 페이지인 /wp-admin/plugin-install.php 페이지에서 흰색 스크린을 보여주는 문제가 발생했다. 상세 log 🏃‍♀️ 1 try 플러그인을 모두 비활성화하고 해당 페이지로 들어가도 동일한 문제가 발생 참고에 작성한 이슈 링크도 동일한데 2번째 문제에서 apache 환경설정으로 limt되는 오류가있었다. 혹시나 싶어서 apache의 환경설정 변경을 시도해봤다. php의 설정은 변경해줬다. 이후로 플러그인 … Continued

모달이나 팝업같은 UI를 만들때 body 컨텐츠 영역이 스크롤하는 것을 방지해야하는 필요가 있습니다. 그래서 필자는 모달이나 팝업이 떠있을때 body에 추가로 클래스를 부여해서 overflow-hidden을 함으로 데스크탑에서는 스크롤을 방지했었다. 하지만 모바일 테스트를 하면서 IOS에서는 overflow-hidden이 되어도 스크롤이 되는 문제가 있었고 위 코드를 통해서 IOS에서도 Body overflow hidden을 제대로 적용해줄 수 있었다. 추가로 최신 브라우저를 사용하는 경우 간단하게 css의 … Continued

Node.appendChild()를 사용해서 해당 노드에 대해서 맨마지막에 Node를 넣을 수 있다. 그렇다면 어떻게 첫번째 자식으로 추가할 수 있을까? 단순하게 생각하면 prependChild()로 생각할 수 있지만 prependChild()는 존재하지 않는다. Element.prototype.prepend Node.prototype에서가아닌 Element.prototype에서 prepend()기능을 이용해서 필자가 생각했던 대로 동일하게 기능이 작동한다. Node.appendChild()와 Element.append()의 차이점과 동일하게 반환값이 없다 위와 같이해서 사용해도 괜찮다. 비슷한 다른 구현 그래서 insertBefore()와 firstChild를 사용해서 동일하게 … Continued

Nginx, Apache 웹 서버중에 워드프레스 서비스를 운영할때 어떤 것을 선택하는 것이 더 좋을까? 이 두 웹 서버는 둘다 다양한 워크로드를 처리할 수 있고 다른 소프트웨어와 함께 작동하며 LAMP, LEMU 스택으로 구성할 수 있습니다. 그러나 이러한 웹 서버를 정확하게 비교하려면 차이점을 이해해야 한다. Apache Apache는 다음과 같은 다양한 이점을 제공 Apache는 주요 리눅스 배포버전에 사전 설치되어 … Continued

워드프레스 사용자 목록에서 특정 열을 추가하는 방법, 기본 열의 정보(Username, Name, Email, Role, Posts), 기본 열을 제거하는 방법

Tailwind UI의 라이선스를 구매해서 사용하고 있다. 그런데 막상 사용하려 할 때 JS는 어떻게 해야 하는지 친절하게 가이드가 나와 있지 않아서 당황한 경험이 있다. 어떤 상태에 어떤 클래스들을 갖게 하라고 주석으로 남겨놨지만 사실상 그렇다면 JS를 내가 또 직접 구성해야 하는 불편함이 있었다. 그런 것을 알고 alpinejs 라이브러리를 이용해서 간단한 이벤트들에 스크립트를 추가할 수 있는 것을 설명해놓았다. … Continued

포스트 데이터나 API로 받는 데이터를 가져올때 Array로 묶여서 가져왔는데 그 중 3개씩 묶음을 반복하고 싶은 상황이 생겼다. 위와 같이 ul을 여러번 반복해서 하려하고 array를 묶을때 따로 데이터를 추가적으로 부여하고싶어서 2차원 배열로 만드는 함수를 만들어야했다. 원하는 것 1차원 배열을 원하는 길이만큼 2차원 배열로 변환시켜주는 함수 PHP $cnt로 몇개씩 묶는 것을 몇번 반복하는지 미리 지정 12개의 값이 … Continued