hackYa Tutorial

워드프레스 에서 가상객체 번역하기

[이 글은 다국어 사이트 용 워드프레스 테마 제작을 해야하는 개발자 분들에게 유용한 글 입니다.] [pseudo elements 를 한국어로 가상요소, 가상 클래스, 가상선택자 등으로 번역되는 것 같은데, 저는 객체라고 번역합니다. 그 이유는, css 의 pseudo elements 는 자스 (javascript)의 object 과... [더 읽기]

SVG 에 네온 그림자 효과 주기

SVG 에 네온 그림자 효과 주기

[이글은 front-end 개발자 분들을 위한 글 입니다. 일반인분들은 그냥 무시하고 지나치시면 됩니다.] 제가 개인적으로 가장 좋아하는 네온싸인들은 이런 모습입니다. [이미지 출처: 이상태 간판제작 (https://soomgo.com/profile/users/1396923)] 낮 보다는 밤에 보면 많이 에쁩니다. 이런 효과는 주로 호텔 내부나 클럽 같은데서 많이 사용하는데, 싸인... [더 읽기]

일본식 연호 날짜 표기하기

令和 (레이와) 2年10月30日金曜日 이런식으로 일본식 연호날짜가 표시되게 하려면 .toLocaleDateString()을 사용해서 날짜를 쉽게 변환할 수 있습니다. 한국식 날짜 표기는 다른 국가들과 마찬가지로 언어-국가 코드 (ko-KR) 을 사용하면 이렇게 표시 됩니다. 2020년 10월 30일 금요일 3년전 제작해서 지금도 쓰고 있는 이 hackya.com/kr... [더 읽기]

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

뮬런버그는 오래전 부터 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 가 바뀌는 간단한 스크립트 인데,... [더 읽기]