전체보기

네이버 블로그를 10년 넘게 운영중이다.9천 명 이상의 구독자가 생겼고 그동안 무려 2.4천 건의 게시물을 올렸다. 몇 년전 일이지만 네이버 메인에도 여러번 올라갔었는데,그때 노출수가 늘면서 구독자와 수익이 뻥 튀었었다. 돈 안 되기로 유명한 네이버 애드포스트 수익이 메인에 노출된 후 며칠 동안 120만원!(물론 그때뿐이다...) 야하오의 말랑한 기록 : 네이버 블로그야해서 야하오 아님blog.naver.com네이버 블로그 구경은 위 링크로. 체계적으로 한 것은 아니지만 그래도 해봐서네이버 블로그는 어떻게 키우는지 알 것 같은데,티스토리는 도통 잘 모르겠다.어떤 글을 올려야 할까!?네이버 블로그는 다른 블로그 돌아다니며 댓글 달고,서로 이웃 신청하고 오면 답방도 가며 키워 나가는데티스토리도 그런가? ..

인프런에서 거의 매년 스승의 날 선물을 보내주는 것 같다.다른 지식공유자에 비하면 별로 한 것도 없는데 감사하네 ㅜㅜ   인프런과 인프러너의 성장은모두 지식공유자 덕분입니다.라니...저도 항상 인프런 응원합니다!   인프런 덕분에 강의도 해보고.먼저 제안 주셔서 이게 될까?내가 할 수 있을까? 고통스럽게 첫 강의를 내놨던 기억이 난다.너무 품질이 떨어져서 나중에 리뉴얼을 했었다.강의를 통으로 새로 만들었음.   몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편] | 코딩일레븐 - 인프런코딩일레븐 | 짧은 시간에 실무에서 가장 많이 사용하는 인터랙티브 스킬을 알려드립니다., 몇 줄의 코딩으로 인터랙티브 사이트를 개발해보자! [사진] [사진] 웹 인터랙티브 페이지 개발의 핵www.inflearn.com아예..

별생각 없이 찍어도 이렇게 예쁘게 나와주네.앉아서 개발만 하지 말고 자리에서 일어나자!   후지 xt2 정말 괜찮다.  나도 나왔네.

프론트 개발을 하다 보면 윈도우 크기를 구해야 할 상황이 많이 생긴다.css로 100vh 나 100% 를 사용해서 해결할 때도 있지만width는 되는데 (100vw) height는 안 되는 경우도 있다.window.innerHeight와 outerHeight도 헷갈릴 경우가 있어서기록을 해둔다. window.outerHeight, window.outerWidth- 탭, 주소창 포함한 브라우저 전체 크기 window.innerHeight , window.innerWidth- 탭, 주소창 제외한 딱 보이는 영역의 크기- 이걸 더 많이 사용!  outerHeight 보다는 innerHeight가 구하고 싶은 window 화면 크기에 더 가깝다. const updateSize = () => { console...

생각보다 자주 사용하게 되는자바스크립트로 백분율 구하기.  예를 들어 선거결과를 나타낼 때도 사용한다.개표율, 득표율 등 퍼센트 많이 사용한다. javascript 백분율 구하는 방법const calculatePercentage = (part, whole) => { return (part / whole) * 100;};console.log(calculatePercentage(10, 100) + "%"); //10%console.log(calculatePercentage(50, 100) + "%"); //50%console.log(calculatePercentage(1536, (66583+60473+1536)) + "%"); //1.194475550578574%기호 3번 무소속 김정현 후보의 득표율은..

프론트 개발을 하다 보면 위와 같이 스크롤 이동을 해야 할 일이 있다.첨부한 페이지 말고도 종종 사용을 하는데"어떻게 했더라?" 하면서 예전 소스를 열어보는 나를 위해그냥 정리좀 해둔다 ㅋㅋgif 실제 페이지 링크 방법은 여러가지인데, 순수 javascript를 이용한 방법만 남겨둔다.  스크롤(scroll) 맨 위로 이동 시키기window.scrollTo(0,0);//scrollTo(x좌표, y좌표)맨 위로 버튼을 누르면 띡 이동을 시켜버리는 방법  스크롤 부드럽게 이동하는 방법window.scrollTo({ top: 0, left: 0, behavior: "smooth" //스크롤 효과 속성});behavior 옵션 - auto: 띡 이동 - smooth : 부드럽게 이동 출처 - https://de..

1초마다 함수를 실행을 시켜야 한다면setInterval() 사용해도 큰 무리는 없다.let countNum = 0;setInterval(() => { countNum += 1; console.log(countNum);}, 1000); 적당히(?) 잘 돌아가지만더 정확하게 1초마다 함수를 실행시켜야 할 때가 있다. 예를 들면 60초짜리 게임의 카운트를 센다던가...정확하게 딜레이 없이 딱 맞아야 하는 경우가 꽤 있을 텐데setInterval은 딜레이가 생겨서 아래와 같이 해결했었다. let prevTime = new Date().getTime();let countNum = 60; //60초function render() { let ts = new Date().getTi..

티스토리를 개설하고 처음으로 올리는 포스팅. 명동 카페 몰또에서 촬영한 사진. 이런 식으로 맥락 없이 사진 일기를 기록해보려 한다. 사진 촬영은 리코GR로 했다. 오래된 리코GR 1이지만 날이 좋아서 사진이 아주 잘 나왔다. 충분히 현역으로 사용할만하다. 명동 성당뷰 정말 환상적이었다. 외국인이 많아서 더 외국 느낌도 났었고. 평일 명동 성당. 미사가 진행되지 않아 사진도 촬영할 수 있었다. 아무리 날이 좋아도 리코 GR로 흔들림 없는 실대 사진은 쉽지 않았다. 네이버 블로그와 다른 맛을 느껴보고자 티스토리를 개설했는데, 아직은 차이점을 잘 모르겠다. 자주 올려봐야지~