PHP 코드가 섞이지 않은채 React 코드로 Admin 플러그인과 테마를 만들어 CodePen 같은 사이트를 프론트로, 그 관리를 Admin 플러그인에서 하고 싶었다.
- 그러나 WP 표준 REST API1https://developer.wordpress.org/rest-api/와 React 를 사용하는 방식은 아니다. Server-Side Rendering 없이 REST-API 만으로는 발생하는 문제가 너무 많다. Calypso2https://developer.wordpress.com/calypso/는 JetPack을 반드시 써야하므로 독립형 어플 제작에 귀찮은 사항이다. 받아들일 수 없다. 그렇다고 PHP 만으로 코딩하는 건 미친 짓이다. 그럴거라면 처음부터 이 프로젝트 시작도 안했다.
- WP를 개발
환경
으로써 사용하는 것에 대한 막연한 생각이 이젠 좀 가닥이 잡혀간다.
커맨드라인에서 현재 사용하지 않는 WP 플러그인 이름 얻기
sudo -u www-data -i -- wp --path=/var/www/andrwj.com/htdocs plugin list --status=inactive --format=json | jq '. [ ] .name' | sed -e 's/"//g'
한줄 변경됐다고 사이트의 모든 내용을 정적파일로 만들어내는 과정은 너무 비용이 크다. but, Bash 스크립트로 변경된 것 만 처리함으로써 극뽂~
러시아 영화 “더 탱크 KV-1 vs 팬저 Nesokrushimyy, Tankers. 2018” 꽤 괜찮다. 사실기반 여러 탱크 영화중 몰입도 쩐다;
어딘가에 무엇인가를 끊임없이 적는 건 습관인가 본능인가…
정치와 문화를 분리해야한다는 개소리 짖어대며 머리에 뭐라도 든척하는 것들이 왤케 많아… 닭대가리를 앉혀뒀던 때를 생각도 못하는건가
GraphQL
- wp-graphql 3https://github.com/wp-graphql/wp-graphql — WP에서 사용법 4https://docs.wpgraphql.com/
- graphql-app 5https://github.com/skevy/graphiql-app, graphql-playground 6https://github.com/prisma/graphql-playground, Altair GraphQL Client 7https://github.com/imolorhe/altair — 차이점에 대해서는 뭐.. 대동소이 한듯. graphql-playground가 괜찮은 것 같은데 아직까진 요구사항이 별로 없어서 잘 몰것다
- ChromeiQL 8https://chrome.google.com/webstore/detail/chromeiql/fkkiamalmpiidkljmicmjfbieiclmeij?hl=en
- GraphQL Query Language 9https://egghead.io/courses/graphql-query-language – Egghead
SSR
- First Meaningful Paint 10https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint
- Vue.js Server-Side Rendering Guide 11https://ssr.vuejs.org, SSR with React 12https://github.com/zeit/next.js/
- How I’m writing Nodejs Serverless services these days 13https://ewanvalentine.io/how-im-writing-lambda-services-these-days/
WP plugin
- EditorsKit 14https://www.producthunt.com/posts/editorskit-wordpress-editor-toolkit — Youtube 15https://www.youtube.com/watch?v=QWgO4lAJAlE
References
↑1 | https://developer.wordpress.org/rest-api/ |
↑2 | https://developer.wordpress.com/calypso/ |
↑3 | https://github.com/wp-graphql/wp-graphql |
↑4 | https://docs.wpgraphql.com/ |
↑5 | https://github.com/skevy/graphiql-app |
↑6 | https://github.com/prisma/graphql-playground |
↑7 | https://github.com/imolorhe/altair |
↑8 | https://chrome.google.com/webstore/detail/chromeiql/fkkiamalmpiidkljmicmjfbieiclmeij?hl=en |
↑9 | https://egghead.io/courses/graphql-query-language |
↑10 | https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint |
↑11 | https://ssr.vuejs.org |
↑12 | https://github.com/zeit/next.js/ |
↑13 | https://ewanvalentine.io/how-im-writing-lambda-services-these-days/ |
↑14 | https://www.producthunt.com/posts/editorskit-wordpress-editor-toolkit |
↑15 | https://www.youtube.com/watch?v=QWgO4lAJAlE |