Categories for 튜토리얼

아재의 쓴소리 : 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 를 완벽하게 지원하기... [더 읽기]

필요한 element 붙여넣기

[바로 얼마전 정반대 작업에 대한 글을 작성했는데… Christopher 님께서 워드프렛 튜토리얼을 통해 테마를 제작하시던 중, 질문을 해오셔서.. ㅋㅋㅋㅋ] 개발자분들에게만 알려드리면 되는 내용이니 간략하게 설명드립니다. header 아래와 footer 위에 배너가 들어가는 테마를 제작하고 싶은데, 배너를 바꿔달때마다 index.php/single.php/header.php 등을 변경해야 하는게 조금... [더 읽기]

필요없는 element 삭제하기

일단 ‘필요없는 element 가 왜 웹문서에 존재해?’ ‘애초부터 필요없는 부분, (예를 들자면 댓글창) 을 만들어 붙이지 않으면 될꺼아냐?’ 라고 생각하실 수 있는 분들이 계신데, 게시판 솔루션이나 워드프레스 같은 CMS 를 사용하는 경우, 내가 필요없어도 이런 것들이 달려 나옵니다. 그리고 국내... [더 읽기]

골아픈 한글 캐릭 문제 해결책 (완전정복!)

中文, 日文, 한글 같은 non-latin 캐릭들은 하나의 캐릭에 두개의 ascii 값어치가 부여 됩니다. 아마 php string 도 이래서 한글 자를때 제대로 작동되지 않는걸로 알고 있는데 저는 php알못이라 확신은 못하겠습니다. 오늘 (지금 토요일 아침입니다. 이글은 화요일 정도 출판되겠지만. ㅎㅎㅎ) css variable... [더 읽기]