본문 바로가기
반응형

web52

블로그를 위해 들여야 할 노력 - 키워드 관리 #2057 블로그를 관리하는 데 있어 키워드 관리가 중요하다는 것은 익히 알고 있었지만, 운영 중인 블로그에 적용하기 위해 노력해 본 적은 없었습니다. 어차피 유입률도 별로고 소소하게 이런저런 잡다한 것들을 기록해 나가기 때문이었죠. 한번 관리를 해볼까 싶어 검색을 해 보니 당연하게도 많은 서비스들이 존재하고 있었습니다. 다음 순서는 딱히 우선순위가 있는 것은 아니며 제가 검색하면서 알게 된 순서라 보시면 될 것 같습니다. 키워드마스터 키자드 키워드 인사이트 블랙 키위 SURF 마피아넷 키워드마스터 키워드마스터 블로그 키워드 조회툴 whereispost.com 키자드 키자드 - keyzard.org 블로그 운영에 유용한 키워드 정보(검색량, 분석)를 제공합니다. Google 검색 지원 및 SEO 최적화에.. 2020. 8. 12.
vue.js 입문자용 동영상 강좌 vuetify를 업무에서 사용하기 위해 vue.js를 공부해 보고 있는 마크업 엔지니어의 일종의 학습일지입니다. 확실히 생각보다는 접근하기 쉬운 구조로 되어 있다는 것을 체감하고 있습니다. 따라 해보면서 익히는 것도 중요하지만, 남이 작업하는 것을 보면 더 기억하기가 수월해지는 느낌을 받았습니다. 그래서 동영상을 통한 학습법이 통용되고 있는 거겠죠. 아무래도 입문자다 보니 가장 대표적으로 많이 사용 중인 구문을 사용한 동영상이 참고가 된 것 같습니다. 저와 같은 입문자에게 도움이 될 것 같아 참고했던 곳을 모아 봤습니다.. 무료 강좌는 역시 영어로 된 자료가 많습니다. 저도 영어를 못 알아듣지만 코드만 보면 되는 거라 부담가지실 필요 없을 것 같습니다. 1. https://vuehero.com/cours.. 2018. 8. 19.
vuetify를 사용하기 위해 vue.js를 알아가는 중 어쨌건 시작을 했으니 익히긴 해야겠는데 아무래도 (개인적으로) 프레임워크부터 발을 들이는 건 아닌 것 같아서 vue 관련 서적을 찾아봤지만, 초급, 입문자용 이외에는 딱히 없었습니다. 소문만큼이나 공식 사이트의 가이드가 상당히 잘 되어있다는 증거일지도 모르겠습니다. 해서 그쪽을 내리읽고 있는 중입니다. 한번 책 읽어 보면서 따라 해 봤다고 다 할 줄 알 정도의 천재가 아닌지라 처음부터 다시 읽기 시작했습니다. 어떤 식으로 움직이는 것인지 맛이라도 보자는 취지에서 읽어봤다면 이번엔 일을 해야 하는 관계로 이런저런 조사를 하면서 좀 더 웹을 참고하며 공부 하고 있는 중입니다. 이미 사용하기로 되어 있는 vuetify라는 프레임워크가 정해져 있지만, 시간은 좀 걸리더라도 우선은 vue.js의 기본문법을 알아두.. 2018. 8. 18.
Chrome 앗, 이런! 문제 해결 새로운 프로젝트로 들어간 곳에서는 Windows 7을 사용하고 있습니다. 보안 프로그램 때문에 회사에서 지원하는 노트북과 모니터로 작업을 해야 하는데.. Chrome을 계속해서 사용하지 못하고 있었습니다. Firefox도 같은 증상이고요. 희한한 것이 로컬에서 작업하고 있는 파일을 열려고 해도 열리지 않는 기현상을 발견해서 고민하고 있었습니다.에스코트 프로그램을 깔면 제대로 실행될까 싶었지만, 이마저도 아니란 걸 알게 되었고, 다시 깔아도 보고, 캐시를 청소도 해보고 하다가 결국 적용한 방법이 ‘--no-sandbox’.그나마 이 방법으로 Chrome, Firefox 양쪽 다 사용이 가능해져서 다행이긴 합니다만. 보안상 취약하다고 하니 약간 걱정이긴 합니다.회사 차원에서 브라우저에 대한 제약은 크게 두고.. 2018. 8. 17.
설마 이런식으로 vue를 시작할 줄이야. 정말, 설마 이런 식으로 vue.js를 시작하게 될줄은 몰랐는데 말입니다.그것도 vue도 잘 모르는 상태에서 프레임워크부터 사용하기 시작하다니.. 뭐든 난이도가 조금 있는 일이 실력향상에도 좋다는 건 인정하고 있습니다만, vue로 사이트를 구축해 본건 입문자용 책을 읽어 본것이 전부라서 살짝 걱정이긴 합니다.logo출근후 첫 미팅에서 vue를 사용하기로 했다는 전달을 받았고 사용하는 프레임워크는 vuetify를 사용할거라는 이야기를 들었습니다. 어차피, 프로젝트에서 사용할 계정 발급도 아직이고 해서 공식 사이트와 프레임워크의 사이트를 보며 책을 봤던 기억을 더듬거리면서 샘플 소스를 보기 시작했습니다.처음이지만, 오늘 하루 이리저리 만져본 느낌이랄까 마크업 입장에서 주의해야할 부분은 지금까지는 css를 하.. 2018. 8. 14.
그놈의 UX가 뭐라고...UX가 중요한 것은 알겠지만, UX만 중요한것은 아니다. UX, UX, 참 말이 많다. 이제는 전문가가 아니더라도 한마디씩은 거들 수 있을정도의 정보도 공유되어 있는 요즘이다.전문가라면 얼마나 더 할말이 많을까. 각설하고 다 좋다. 다 좋은데 지금까지 경험한 SI프로젝트라는 것이 끝나는날은 명확하게 잡아놓으면서, 시작하는 날은 엉망인것이 비일비재한것 같다. 좋다는 것도 알겠고, 꼭 도입해야 하겠다는 것도 이해가 가고, 작업에 참여하고 있는 이상 좋은 퍼포먼스를 발휘하면서 진행될 수 있다면 더할 나위없이, 환영할 만한 내용임에 틀림이 없다. 실제로 프로젝트에서 그런 부분을 도입한다면 좋을 것 같다는 생각을 늘 하고는 있었지만 현실이라는 것이, 실제로 중소기업들의 프로젝트에 있어서는 짧은 기간에, 기획부터 디자인, 코딩, 개발까지를 몇개월만에 끝내야 할 경우가 많.. 2015. 8. 8.
언제 어디서나 자유롭게 산돌구름! 산돌구름 1년 라이센스 GET! withblog에서 진행하던 산돌구름의 프로모션에 응모했다가 당선되었다. 운이 좋았다. 기본적으로 지원자 전원에게 주는 혜택이라 새삼 흥분할 일은 아니지만, 1년간 산돌구름(베이직)을 마음껏 사용할 수 있다니.. 정말 기쁘다. 지난해에 한글날 관련 이벤트로 산돌네오시리즈를 저가에 구입했을 때도 그렇고 사용자 확보를 위해 이벤트를 많이 진행하고 있다는 느낌을 받았다. 클라우드라… 대표적으로 어도비를 비롯해서 불법 라이센스문제를 생각한다면 클라우드로의 이동은 어쩌면 당연한 것 같다는 생각이 든다. 아무래도 오프라인에서 사용되고 있는 불법소프트웨어의 단속에는 한계가 있다보니 새로운 버전에서는 사전에 그런 문제를 단절시키는 방향이 타당해 보이기도 한다.(폰트가 많이 사용되는 곳이.. 2014. 8. 6.
SASS를 사용해 본 소감 요새 한달간 SASS를 만지작거리곤 했었다. 프레임워크를 통해서 CSS를 작성하는 방법으로 루비를 인스톨 시킨후 관련 프로그램을 인스톨시켜두면 기본작업환경은 끝나는 방식으로 의외로 벽은 높지 않았다. LESS와 SASS사이에서 갈등을 하다 처음엔 LESS를 도입해 봤다가 SASS로 바꾸었었다. 둘다 루비만 준비되어있다면 Mac과 Window에서 사용가능하다. 처음에는 신기하고 재미있기도 해서 3월중에 있었던 안건에 활용해 보았다. 잠시 사용해본 소감 메모.루비를 인스톨하는등 프레임워크 사용을 위해 별도로 작업환경을 준비해둬야 한다.대규모작업에 있어서 기본룰을 정할때에 사용하면 유용할듯하다.소규모작업에서는 큰 효과를 기대하긴 어렵다.소규모작업이라도 MIXIN, 변수를 이용해서 템플렛용으로 몇가지 세트를 만.. 2012. 4. 2.
안드로이드용 에뮬레이터 설치하기 스마트폰용 사이트를 제작하는데 있어 필요로 했던 내용들을 정리한 메모용. 일단 스마트폰을 소지하고 있지 않다면 확인할 수 있는 방법이 없는게 사실이다. 이럴때 필요로 하는 것이 시뮬레이터인데.. 본인의 경우 Mac Book을 소지하고 있는 관계로 iPhone용 시뮬레이터는 문제없이 Apple에서 구해서 별반 셋팅이 필요없이 사용이 가능했다. 반대로 Android의 경우가 문제였는데 이런저런 프로그램을 인스톨 할 수 뿐이 없었다. Android의 시뮬레이터를 사용하기 위한 준비단계는 아래와 같다. 1. 일단 Android용 SDK를 다운한다. http://developer.android.com/sdk/index.html 2. Java가 필요함으로 다운로드한다. http://java.sun.com/javas.. 2011. 3. 16.
스마트폰사이트 제작관련 참고사이트 이번 스마트폰사이트 제작시에 참고한 사이트들. 실제로 이정도의 퀄리티까지는 끌어내진 못했지만. 짧은 기간에 많은 도움을 받은 곳들이라 메모용으로.. ■디자인참고 http://iphonedesignarchive.jp/ http://web.meet-i.com/?type=web http://www.ishowcase.jp/ http://www.forexpress.com/contents/index.php?ID=3324(주식관련) http://www.tappgala.com/ http://tapfancy.com/ http://www.youthedesigner.com/2010/03/10/29-sexy-iphone-app-designs/ http://www.mobileawesomeness.com/ http://cssip.. 2010. 12. 9.
스마트폰 안건을 진행해 볼 기회를 얻다. 요근래 조금 과장시켜서 죽을정도로 일을 했는데 원인이라면 혼자서 담당하고 있는 일에 과부하가 걸린 상태로 계속 일을 진행했기 때문이다. 어느정도 마무리된 시점에서 돌이켜 볼때 본인이 스킬이 없기에 일어난 일 아닌가 생각도 해 봤지만 스킬문제뿐만이 아니라 안건의 납기일이 거의 동시에 정해진 안건을 4건정도 진행하다보니 생긴 일이었다. 물론 서포트가 있었기에 그나마 가능했지만. 어쨌건...이런저런 일로 이번에 처음으로, 관심을 가지고 있던 스마트폰용 웹사이트제작에 참여할 수 있었다. 담당부분은 디자인과 페이지 코딩이었다. 처음계획과는 달리 10여페이지정도의 소규모로 변경되었지만... 언제나 있는 일이지만 처음 기획과는 달리 달라져가는 클라이언트의 아이디어, 회의결과에 따라 달라지는 상황에서 디자인을 새로 고.. 2010. 12. 3.
IE가 싫어요! 특히 IE6이 싫은 개인적인 감정입니다만... 최근 IE로인한 문제점이 부각된 국제적인 사건이 바로 중국의 구글등 중국에 진출해 있는 국제적인 IT기업들에 대한 사이버공격소식이라고 생각됩니다. 중국의 정보차단의 일면을 본것 같습니다. 일설에 의하면 국제적으로 중국에 대한 좋지않은 기사들을 쓰고 있는 자들의 개인정보를 빼내기 위해서 Gmail등에 접근한것으로 보인다고 합니다. 물론 현재 중국에서는 그런일 없다고 말하고 있지만.. 현재 돌고 있는 정보에 의하면 IE전체 버전에 걸쳐 미수정된 부분을 공격하여 해킹을 시도한것으로 보인다고 합니다. 이는 Microsoft사도 인정하고 있는 부분이며 특히 XP에서 IE6를 사용하고 있는 유저는 그 위험성이 제일 높다고 하내요. 이거 한국에서 가장 많이 있는 케이스는.. 2010. 1. 18.
Yahoo! 검색바 디자인 미국 야후의 리디자인과 함께 검색바의 디자인에 대해서 잠시 궁금해졌습니다. 세계의 야후의 검색바의 디자인은 "똑같은 디자인"을 하고 있을까 라는 단순한 궁금증이었지만 결론부터 말하자면 (당연한 것으로 받아들일지도 모르겠지만) 틀리다입니다. 아래는 미국, 중국, 한국, 일본의 야후 검색창을 캡춰한 것입니다. 야후 미국 우선 야후의 태생이 미국인 만큼 가장 기본적이면서도 야후를 가장 잘 표현하는 디자인이 아닐까 합니다. 위의 2007년도 디자인과 비교해 보자면 탭의 표현이 좀더 세련되고 알기 쉽게 변경된점과 그라데이션의 적용도의 차이가 아닐까 합니다. 변함없이 워드휠(word wheel) 이 검색바의 하부에 자리잡고 있습니다. 야후 중국 중국의 검색바는 2년전(위:2007년도)과 확연히 차이가 있는것을 아실.. 2009. 9. 4.
Yahoo.com의 디자인변경과 관련해서 YAHOO!(이하 야후) 미국이 조만간 바뀌는 것은 모두들 알고 있으실려나? 아직은 원하는 화면으로 사용이 가능하게끔 되어있지만 조만간 확정되지 않을까합니다. 눈에 띄게 달라진 점이 있습니다. 결과물을 보면 알 수 있겠습니다만... 아이콘의 크기와 모양이 바뀌었고. 각 단의 사이즈에 변화가 있습니다. 이런것 보다도... 무엇보다 가장 눈에 띄었던 것은 메인 뉴스창 내에서의 사진의 크기가 크게 바뀌었다는 점이 아닐까 싶습니다. 기본적인 3단 구성에는 변함없지만 가장 많은 시선을 끄는 메인뉴스 부분의 구성요소인 4개의 주된 뉴스등 구성요소에는 변화가 없이 동일하면서도 레이아웃의 변화에 의해 그 인상이 크게 달라져 보이는 것을 알 수 있습니다. 사용되는 사진들의 비율을 와이드로 바꾸어준것도 큰 요인중에 하나는.. 2009. 9. 2.
일본 정권교체순간의 사이트들 **블로그 내용과 블로그 타이틀의 타당성에 대해서는 솔직히 정확한것인지는 모르겠습니다. 30일. 일본에서는 정권교체가 이루어졌습니다. 자민당이 아닌 민주당이 압승을 거두었는데요 고이즈미 총리의 퇴임이후 계속해서 내려가던 지지율은 결국 이런식으로 막을 내렸다고(개인적으로) 보고 있습니다. 개인적으로 정치에 관심이 있는 것도 아니지만 문득 이런한 정보를 웹에서 어떤식으로 보여주고 있을까 하는 생각에 사이트를 뒤져봤습니다. 선거가 모두 끝날때쯤 하여 관련 페이지를 제공하고 있는 사이트를 몇군데 찾아내어 스크랩을 해봤었습니다. 개인 자료정리겸 공부 차원에서 별거아닌 나름비교분석을 해봤습니다.(거창하게 비교분석이라고 말하기도 멋하지만...) 1. 색상 역시 어느사이트이건 정보를 위주로 제공하는 사이트의 배경색은 .. 2009. 8. 31.
728x90
반응형