2019년 8월 5일 (월)

 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-toolkitYoutube 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