hackYa Tutorial

구텐베르크 때문에 분열되는 워드프레스

뮬런버그는 오래전 부터 php 를 버리겠다는 계획을 마음속에 두고 있었습니다. https://hackya.com/kr/워드프레스가-php-를-버린-이유/ 그리고 워드프레스 5.0 은 뮬런버그의 본심을 드러내는 첫 번째 버전입니다. 워드프레스 5.0 이 논란이 되는 가장 큰 이유는 구텐베르크 탑재 때문입니다. 조만간 출시되는 워드프레스 5.0 core 에 포함될 Gutenberg... [더 읽기]

정말 중요한 업데이트인 HTML 5.2 에 관해 araboza

일단 간단한 Dialog 요소 부터 소개하겠습니다. (오래전 부터 크롬에서 이 Dialog 요소가 필요하다고 주장했는데 이번에 W3C 에서 이 Dialog 요소를 승인한 것 입니다.) Dialog 은 대화창이라고 번역해야 하나요? 암튼 HTML 5.2 문서안에서 생성되는, HMTL 문서가 제공하는 모달창이라고 이해하시는게 가장 간단합니다.... [더 읽기]

site-specific 플러그인은 언제 필요하고 어떻게 만드나?

워드프레스 테마 제작시, 어느 하나의 사이트에 사용하기 위해 그 테마를 만드는 경우도 있지만, 여러사이트에서 사용되어야 하는 테마를 만들게 되는 경우도 많습니다. 이런 경우 그 특정사이트에서만 사용되는 php 기능을 테마에 포함하는 방법은 부적절 합니다. 그 사이트에서만 필요한 php 기능을 하나의 파일로... [더 읽기]

아재의 쓴소리 : html 부터 제대로 배워라

매주는 아니지만 토요일 아침이면, 코드를 좀 봐달라는 freelancer 들로부터 연락을 받게 되는 경우가 종종 있습니다. 한국 프리랜서분들은 아니고 주로 freelancer.com 같은 곳에서 일하는 인도 개발자들 입니다. 사실 이런 프리랜서 사이트, 특히 freelancer.com 같은 경우 프리랜서들의 질이 떨어지기 때문에 실력 좋은... [더 읽기]

css 로 세모영역만 클릭되게 만들기

css 로 세모만들기는 오래전에 이글을 통해 소개해 드렸었는데, 오늘 이렇게 만든 세모영역에만 링크가 걸리게 하는 방법이 없냐는 질문을 bastcode 님이 질문해오셨습니다. 일단 결론부터 말씀드리자면, 불가능합니다. 왜 예전기법에서 세모영역에만 링크를 걸어주는게 불가능한가? 저 글에도 써놨네요. “삼각형은 결국 border 중 하나만 보여주고... [더 읽기]

워드프레스 최적화 기법들

이번 튜토리얼때 최적화 부분에 관해서 제 노하우를 모두 털어놓겠다고 말씀드렸었고, 랭커님께서도 개인적인 요청이 있으셨고…. 하지만 시간 관계상 이런 부분을 튜토리얼때 거의 커버하지 못했었습니다. 그리고 결국 해결하지 못한 부분도 있습니다. 하지만 제가 연구하고 찾아낸 방법들, 연구결과? (ㅋㅋㅋ) 전부를 모두 공유합니다. 1.... [더 읽기]

스크롤 크로스 브라우징

[일단 랭커님께 공개적으로 사과부터 드리겠습니다. ^^;;] 전에 제가 랭커님께 저도 쓰고 있는 js 스크립트를 공유해 드리며 이 스크립트가 IE 에서 작동하지 않는다는 사실을 알아차리지 못한 부분이 있었습니다. 브라우져의 스크롤을 하단으로 내리면 해당 div 의 class 가 바뀌는 간단한 스크립트 인데,... [더 읽기]

Vue.js 가 React.js 를 제꼈다!!

현재 front-end 개발자 중, jQuery 를 제외하고 가장 많이 사용하는 library/framework/이외 js 도구는 React.js 입니다. React.js 를 도구로 사용하고 있는 front-ender 의 비율이 37.6% 인것에 비해, Vue.js 를 사용하는 front-ender 는 9.6% 밖에 되지 않습니다. 물론 앙2 보다는 이제 사용비율이... [더 읽기]

CSS Grid 는 지금 사용가능한가?

이글 역시 튜토리얼 참여자분의 질문글에 대한 답변입니다. ㅎㅎㅎ http://caniuse.com/#feat=css-grid 결론부터 말씀드리자면, 천조국에서는 써도 됩니다. 데스크탑에서는 마소의 IE, 그리도 Edge 만 완벽히 지원이 되지 않을뿐, 크롬, 파폭, 사파리, 오페라 모두 안전하게 사용하실 수 있습니다. 마소 도 지금 grid 를 완벽하게 지원하기... [더 읽기]