개발 덕후

지금까지 페이지에서 object_id로 부모 메뉴 이름을 얻었습니다. 단, 메뉴에서 Archive 페이지로 이동하면 object_id가 0이므로 상위 메뉴를 가져올 수 없었습니다. 위 방법으로 어느 타입의 페이지든 네비게이션 목록에서 현재 페이지가 네비게이션 목록의 부모 이름을 가져와서 해결했습니다! 하지만 Archive 페이지 자체는 메뉴에 등록되어있기 때문에 원하는 대로 나왔는데 해당 글타입의 상세페이지를 모두 메뉴에 등록할 수 없기때문에 문제가 생겼습니다. 메뉴에 … Continued

특정 포스트타입의 archive 템플릿을 위처럼 정의할 수 있습니다.

개인 서버에서 여러개의 docker container로 애플리케이션을 배포하고있다. 그래서 점점 docker ps 로 컨테이너를 살펴보고 하기 어려워져서 모니터링, k8s, kind 등등 여러가지를 살펴보다가 Traefik, prometheus, grafana, portainer 및 oauth2_proxy 이러한 조합을 알게되어서 traefik이 무엇인가 살펴보려한다. Traefik는 오픈소스 Edge Router입니다. 시스템을 대신하여 요청을 수신하고 처리하는 구성요소를 찾습니다. Traefik은 기본적으로 Kubernetes, Docker, Docker Swarm, AWS, Mesos, Marathon과 같은 … Continued

베어본 형태나 VPN 같이 단절된 환경일때 플러그인 메뉴나 업데이트 메뉴에서 외부의 요청을 기다리게 된다. 워드프레스는 외부와 통신을 차단할 수 있는 옵션이있다. 위 설정을 하게되면 모든 외부 통신을 차단하게 된다. 하지만 단절된 환경이 아닌 의도적으로 차단하는 경우도 있다. 그럴때 예외적으로 몇몇 호스팅만 허용하게 만드는 방법도 있다. 위 처럼 적용하게 되면 *.wordpress.org의 요청들을 차단하지 않는다.

워드프레스에서 렌더링할때는 문제가 없었는데 wp-graphql로 데이터를 받을때 코드블럭 내부의 < 와 같이 특수한 entity 문자들이 인코딩되어서 나오는 문제가 있었다. 위 필터로 해당 문제를 해결 할 수 있었다.

사용 방법

ie11에서는 가상선택자의 포지션의 값을 %로 나타내면 재대로 렌더링 하지 못하는 이슈를 알게되었다. 그래서 ie11에서만 고정적인 값으로 포지션값을 수정했다.

구텐베르그에서 링크를 삽입하면 무조건적으로 embeded 되는 이러한 UX 나에게는 너무나 불편했다. 단지 링크로 삽입하고 싶었을 뿐인데 해당 구텐베르그의 자동임베트를 비활성화하는 방법은 functions.php에 해당 액션을 추가해주면 된다. embeded되는 ux가 비활성화되는 것이지 아직 링크가 링크로만 삽입되는 것은 불가능했다. embeded되는 프로레스가 없어서져서 바로 링크로 변환하면 된다.

이렇게 설정이 되어있으면 StyledDiv 컴포넌트를 사용할때 font-size: 12px로 설정된다. 상속받아서 사용해도 상속받는 원본 여기서는 부모컴포넌트의 토큰화된 클래스명이 먼저들어가서 스타일 속성이 제대로 적용이 되지 않는 문제가 생긴다. 검색으로도 풀리지 않아서 어떻게해야 할까 고민이다. 리액트 앱을 재실행하니까 문제가 해결되었다. styled-components가 클래스를 부여하는 과정에서 오류가 생긴 것으로보인다.

CRA craco CRA에서 craco를 통해서 webpack 설정을 할때 tsconfig-paths-webpack-plugins 설정하기 https://github.com/risenforces/craco-alias/issues/5#issuecomment-734810303 Storybook storybook에서 tsconfig-paths-webpack-plugins 사용할 떄는 storybook 설정에서 플러그인이 자동적으로 tsconfig.json을 가져오는 경로가 바르지 못하는 것으 확인할 수 있습니다. 그래서 해당 플러그인의 옵션으로 tsconfig.json을 직접 경로를 설정해서 가져오게 하면 오류를 해결할 수 있습니다. https://github.com/storybookjs/storybook/issues/3291#issuecomment-500472928