개발 덕후

styled-components를 사용하면서 ThemeProvider를 사용해서 DarkTheme, LightTheme를 구본해서 사용하고있다. 이런식으로 props 내부의 theme 속성을 가져와서 사용할 수 있다. 그런데 이것을 일반 React 컴포넌트에서 데이터로 사용하고 싶은데 그렇게 하려면 어떻게 해야할까? https://styled-components.com/docs/advanced#getting-the-theme-without-styled-components 위의 styled-components 공식 문서에서보면 HOC에 개념에서 withTheme를 통해서 일반 React 컴포넌트내부에서 theme 속성에 값을 넣어서 사용할 수 있다.

이번 JSConf에 📍 [메인 스테이지] 모노레포에서 개발하기 – 자이 산토시 세션을 듣다가 모노레포에대해서 알게되었다. 그래서 모노레포에 대해서 글로 정리해보려 한다. Lerna Git repo Git submodule 매 프로젝트마다 비슷한 코드를 많이 사용하게 된다. npm에 패키지로 배포하기도 애매하고 지금나도 이런 개념이없어서 Master-publisher 라는 곳에서 UI들을 전부 개발하고 stroybook으로 확인하고 이 과정후에 코드를 실제 사용할 곳에서 사용하게된다. 또 … Continued

Background 첫 워드프레스 개발을 vultr에서 우분투 서버를 만들고 거기에 APM 스택으로 구현해서 작업하였습니다. 그러다 보니 메인 개발환경은 FTP에서 워드프레스 내부 PHP, JS, CSS 파일을 수정하면서 수정 완료된 걸 확인하는 방식이었죠. 사실 이게 처음이었다. 보니 이렇게 해야 하는구나 다른 방법은 없다고 생각했습니다. 그러다 몇가지 의문이 생기고 불편한 점들이 생기더라고요 특정 플러그인 조합만 테스트할때 서비스중인 워드프레스에서 에러때문에 … Continued

multi site network wordpress 개인 홈페이지의 CMS를 워드프레스를 사용하고 있습니다. 개인적으로 몇가지 워드프레스를 관리하고있는데 플러그인 관련 관리하기가 귀찮아서 네트워크 워드프레스가 눈에 들어왔습니다. 동일한 플러그인을 많이 사용하기 때문에 이 것이 도움이 될 수 있을 것 같아서 사용해 봤습니다. 전부 Headless CMS로만 사용할 예정이고 마이그레이션 할 예정이기도 해서… 게으름이 문제 😓 문제가 생겼습니다. 전부 설정하고 나니까 서브 … Continued

통합 블록 디렉토리 WordPress 5.5에는 이제 통합 블록 디렉토리가 제공됩니다. 즉, 사이트에서 사용할 수 없는 블록을 추가하려는 경우 블록 디렉토리에서…

실무에서 사용할 만한 예제를 보여주시는데 이 것을 리액트에서 똑같이 한 번 실습해보고 싶었다. Client CRA를 통해서 제작한 App.js에서 Server express를…

마치 디그다와 같이 위아래로 애니메이션으로 처리되고 포함하고있는 컴포넌트가 변경되는 컴포넌트가 필요해졌다. 그래서 디그다를 가져다 사용할꺼다! Yes !, it is Diglett…

kebabize는 CamelCase 문자열을 kebab case로 변환하도록 하는 함수를 작성하십시오. 반환 된 문자열은 소문자만 포함해야합니다. 여기서 모든 문자열에 대해서 정규식으로 변환했는데 그러면 첫 문자열이 대문자일 경우에도 -$1로 지정되어 버려서 instanceStr에서 첫 문자열만 먼저 빼내서 저장했는데 정규식 자체에서 첫번째 글자를 선택해서 해당 규칙을 검사하는 방법이 있었다. .replace(/[^a-z]/ig, '') 문자열을 제외한 모든 대소문자를 구분하지 않는 것을 선택해서 제거한다. … Continued

internationaliaztion이란 단어는 개발자 커뮤니티에서 일반적으로 i18n이라는 약어로 사용된다. 전체 단어를 입력하고 철자를 정확하게 입력하는 대신 편리하게 사용하기위해서 약어로 사용한다. 마찬가지로 a11y또한 accessibility의 약어이다. 다음 규칙에 따라 문자열을 길이가 4 이상인 문자열 내의 모든 “단어”를 약어로 만드는 함수를 작성하십시오. “단어”는 일련의 알파벳 문자입니다. 이 정의에 따라 공백이나 하이픈 같은 다른 문자는 일변의 문자를 두 단어로 분리합니다. … Continued

React를 사용하면서 각 컴포넌트들의 버전관리에 대해서 관심이 많이 생겼다. 이런 욕구는 다른 사람들도 있어서 이러한 서비스가 생겼다. bit이라는 서비스다. 사용하면서…