내일을 위한 오늘

글자나 단어를 세어주는 사이트를 만들어 보았습니다. 앞으로 이런 저런 사이트들을 많이 만들어 공유해보겠습니다. https://count.nurim.net 글자 수 세기 글자 수 세기. 웹사이트 블로그 포스팅, 이력서 작성, 원고지 작성시에 글자, 단어, 원고지 페이지 수 등을 쉽게 확인해드립니다. count.nurim.net 아래는 제가 썼던 글을 붙여넣기 해서 실제로 사용해 본 화면입니다. 1. 글자 수 세기 2. 단어 수 세기 3. 구글 번역 구글 번역도 사이트 내에 넣어보고 싶었지만, 구글에서 api 를 제공해주지는 않는 모양입니다. 제가 못찾은 걸지도.. 그래서 링크만 넣었습니다. 4. 맞춤법 검사 원래는 맞춤법 검사도 넣어보고 싶었습니다. 관련 내용을 검색하다 보니, 안타까운 이슈가 있어서 넣지..

갤럭시 노트 20 울트라(50배줌)로 찍은 달 사진입니다. 노트9하고는 정말 다르네요. 12월 6일과 7일 사진인데요. 겨우 하루 차이인데도 달이 점점 차오르는 게 눈에 확 들어오네요. 아무튼 신기합니다. 달 사진은 앞으로 쭈욱 찍을 것 같네요. 2022년 12월 6일 밤하늘의 달 2022년 12월 7일 밤하늘의 달

반응형 웹이란? 반응형 웹 Responsive Web 이란 컴퓨터, 태블릿, 스마트폰 등의 여러 디바이스 환경에 따라 웹페이지의 구성이 적절하게 배치되도록 설계된 웹디자인 기법입니다. 그렇다면, 반응형 웹을 만드는 방법은 어떤 것들이 있을까요? 1. 미디어 쿼리를 이용한 방법 첫 번째로 소개할 방법은 가장 많이 사용되는 방법 중 하나인 CSS 미디어 쿼리를 이용한 방법입니다. 일반적으로 아래와 같은 css 코드를 이용합니다. @media 미디어 타입 (너비 및 높이) { (CSS 입력) } 이 방법의 장점은 하나의 HTML 코드만으로 여러 타입의 웹페이지를 분기하여 구성할 수 있다는 점입니다. 전형적인 PC 웹에서부터, 태블릿, 모바일 등을 모두 아우를 수 있는 멋진 방법이라고 할 수 있습니다. 유용한 ..

웹개발을 하다 보면, 늘 새로울 때가 있습니다. 심지어 10년 넘게 해 오던 일임에도 불구하고, 공부를 게을리 하다 보면 그런 경우가 더 자주 일어나곤 합니다. javascript jquery 를 이용해 html 코드 작업을 하다 보면 data-value 를 사용해야 할 경우가 생기는데, 지금에서야 당연하게 쓰고 있지만, 몇 년 전까지만 해도 alt 속성이나 title 속성 등을 이용해서 처리하곤 했습니다. data-value 라는 게 있는지도 몰랐으니까요. 외주 일을 처리하다가 거기 직원으로부터 data-value 에 관한 정보를 들었을 때의 그 새로움이란.. 아, 부끄러움은 덤이었습니다. 이번에는 흔히 콤보박스라고도 불리는 태그를 선택했을 때, 각 옵션값에 따라 파일 업로드와 같은 특정 요소를 추가하..

운전 중 사고는 정말.. 겪지 말아야 할 일 0순위 일것입니다. 하지만, 사고가 난다면?? 일단, 보험사를 불러야 할 것만 같을텐데.. 이게 또 사고 당시엔 머리가 하얗게 되는 경우도 있어서 무엇을 어떻게 해야 할 지 모르겠다 싶으신 분들도 많으실 겁니다. 차가 부서지고, 사람이 다칠 정도의 사고라면 당연히 보험처리를 하셔야 합니다. 그런데, 그게 아니라면? 그냥 가벼운 접촉사고 정도라면 어떻게 해야 할까요? 0.5점 사고 사고로 인한 손해 금액이 물할기준금액 이하의 단독 물적사고인 경우에 0.5점의 사고기록 점수가 적용됩니다. 여기에서 사고기록점수는 1점당 1등급으로 환산해서 다음번 자동차보험료 산정시에 반영시키는 점수입니다.. 사고점수로 인해 보험료가 할증되는 거죠. 그런데, 이 할증 요율은 무려 3..

요즘 글을 쓸 마음의 여유가 없습니다. 잠시 모든 생각을 멈추고 되돌아보면, 무언가로부터 스트레스를 받아서 그것을 풀기 위한 행동에 몰두했을 때 보통 때는 놓치지 않는 것들을 무심히 넘겨버리는 듯 합니다. 모른 척, 없는 척, 상관 없는 척. 그러면 신경이 안 쓰여서 괜찮은 것 같지만, 며칠 후 스트레스가 어느 정도 해소되었을 때 정신이 번쩍 들면서 지난 며칠간의 많은 것이 후회가 되지요. 글을 쓰고, 그것을 이용해 수익을 내고 싶다면.. 할 수 있는 모든 것을 해야 합니다. 티스토리를 개설하고 애드센스를 설치하면 모든 게 끝이 아니라, 이제야 최소한의 준비를 한 셈인데, 그걸 알면서도 간과해버린거죠. 글을 썼다면, 가능한 많은 곳에 노출이 되도록 해야 합니다. 꾸준히 글을 쓰는 것은 물론이요, 온갖 S..

웹사이트 개발시, 페이지 어딘가에 공지사항을 보여주고 싶을 때 자주 사용하는 텍스트 세로 롤링 코드입니다. 이보다도 좀 더 부드럽게 롤링되는 걸 본 적이 있는데, 차후 수정할 수 있도록 해보겠습니다. Lorem ipsum dolor sit amet.. Lorem ipsum dolor sit amet, consectetur.. Lorem ipsum dolor sit amet, consectetur adipiscing elit..

평소라면 안했을 매매를 오늘 하고 말았습니다. 개인적으로 세운 원칙 중 하나가, 일봉상 7% 이상 이미 올라버린 녀석은 그냥 보내자- 입니다. 그런데.. 오늘따라 왠지, 그냥 한 번 괜찮아 보여서 매수했는데, 곧바로 하락하기에 매도 했거든요. 원래라면 그 정도는 그냥 지켜볼 수 있는 범위었는데 말이죠.. 그런데, 역시나.. 잘못 본 종목이 아니었는지, 그 후로 무섭게 올라가네요. 원래라면 아래 초록 박스권에서 매수하고 기다렸어야 하는 건데, 조건 검색에서 안잡히던 게 오늘에서야 잡혀서 봤더니, 이미 10%대.. 그럼 안사야지, 무슨 생각에서였는지 덜컥 매수, 내려간다고 덜컥 매도. 그런데 매도 후 무섭게 10% 더 올라버리네요. 그래도 손실일 것 같은 종목은 언제나 빠르게 매도.. ㅎㅎㅎ 팔고 싶은 마음..

23303.0₩ 37% OFF|오리지널 Dacom Athlete 블루투스 헤드셋 터치 컨트롤 무선 헤드폰, IPX7 방수 스포츠 Smarter Shopping, Better Living! Aliexpress.com ko.aliexpress.com 지난 8월 9일, 아무래도 유선 이어폰은 불편해서 새로운 블루투스 이어폰 또는 헤드셋을 알아보던 중 발견한 제품입니다. 알리익스프레스는 몇 년만에 다시 접속한 느낌이네요. 아무튼, 구입해서 써보니 마음에 딱 들어서 후기 남겨봅니다. 상품 타이틀은 이렇네요. 2022 Dacom Athlete Sports Wireless Bluetooth Headphones Original Dacom Athlete Bluetooth Headset Touch Control Wirel..

웹사이트 헤더 영역이 상단에 고정되기를 바라면서도, 스크롤을 내릴 때는 그 높이가 줄어들기를 원할 때가 있습니다. 그냥 딱딱하게 줄어들게 해도 되지만, 이왕이면 보기 좋게 부드럽게 줄어들었다가 다시 늘어났다가 할 수 있다면 더~욱 좋겠지요~ 해서 만들어보았습니다. css 기능 중에서 transition 을 이용하면 쉽게 구현할 수 있습니다. 여기서는 scrolled 라는 클래스명을 이용해 만들어보겠습니다. javascript 로는 스크롤시에 scrolled 라는 클래스를 더하거나 빼도록 하면 됩니다. 아래 내용을 참고 해주세요. HTML 삽입 미리보기할 수 없는 소스