본문 바로가기

전체 글

 (14)
디자이너가 알면 좋은 개발자 도구 사용 방법 :: 속도, 불필요한 소스, 나는 IT 중소기업에 다니는 디자이너다. 디자이너가 많은 회사에도 다녀보고, 제조업에 웹디자이너로도 종사해보았는데, 디자이너에 대한 대우가 영... 모두가 아시다시피 그렇다.(우리회사 오기 전 까지는 디자이너의 길을 선택한 것을 후회했다) 특히 디자이너의 수가 많은 회사일수록 (ex 디자이너 에이전시) 더 빡빡했던 것 같다. 그래서 선택한 지금의 회사는 IT 중소기업으로 대다수가 개발자이며 디자이너는 나 혼자다. 디자이너가 혼자이다보니 한가지를 깊이 파기보다 다재다능한 것이 더 어울린다. PSD 파일만 열심히 만지다가 어느덧 HTML파일까지 만지게 되었고, 이번에는 JS를 스터디하며, 간단한 회사 홈페이지를 개발자 손통하지 않고 리뉴얼하였다. 웹 서버에 올리면서 개발자인 팀장님께서 주신 간단한 팁을 공유..
직장인 부수입 :: 티스토리 잘나가는 블로그 주제 선정 02 - 카카오 키워드 광고 보는 방법 앞선 페이지에서 애드센스 홈페이지에서 수익률이 높은 주제 살펴보는 방법을 알아보았는데요, 이번에는 카카오에서 제공하는 검색 키워드를 확인하는 방법을 알아보려고 합니다. 저도 짧게나마 블로그를 운영해보니 티스토리의 검색유입의 거의 99%가 다음이라는 것을 알게되었습니다. 아마 노출이 더 많이되려면 구글에서 많이 검색되어야 할 것 같습니다. 인터넷트렌드 에서 분석한 데이터로 2023년 1월 기준 국내 검색 엔진 이용률이 네이버 : 64%, 구글 26%, 다음 4.5% 로 매우 검색량이 낮기 때문입니다. 어쨋든! 티스토리의 노출은 일단 다음이 압도적이기 때문에 다음에서 검색 키워드를 객관적으로 잘 볼 수 있는 방법을 알려드리려고합니다. 먼저 카카오 키워드 광고를 클릭하여 이동합니다. 2023년에 새롭게 리뉴얼..
<table><th><td>에 대각선 사선 순수 CSS만 이용해서 넣기 디자인을 하다보면 생각치도 못한 사항을 요청하는 고객사들을 종종 만날 수 있다. 이번에는 HTML 표의 테이블에 사선을 그어줄 수 있냐는 요청을 받았다. 그래서 찾아봤다. 역시나 HTML이나 CSS에서 직접적으로 제공해 주는 부분은 없고 편법을 이용해야하는데, 아래와 같은 3가지 방법을 찾아볼 수 있었다. 1) SVG를 활용하여 백그라운드에 그리는 방법 2) border값을 이용하는 방법 3) background-image의 linear-gradient를 사용하는 방법 1)과 2)번으로도 테스트를 해본 결과 사선을 매우 잘 나타낼 수 있었다. 그중 백그라운드를 활용한 방법은 테이블의 칸 사이즈 조절에 상관없이 대응이 가능하다. 그러나 나는 어떠한 소스도 필요 없이 순수 CSS만을 사용할 수 있는 장점을 ..

티스토리툴바