교통사고 장소에 번개같이 날아가는 사설렉카, 운전중에 종종 보시지 않으신가요?? 이런 사설렉카에게 강제로 견인되어 피해를 보는 분들이 증가한다고 합니다. 실제로 제 지인이 당한 걸 들으니 이번에 저도 알아 둬야겠다는 생각이 많이 들었습니다. 현재 운전중이거나, 예비 운전자 분들도 혹시모를 사고에 대비하여 알아 두시면 좋겠습니다. 알아둬야할 변경된 법령 간단 요약 견인하는 자는 차량의 소유자 또는 운전자에게 구두 또는 서면으로 통지할 것 총 운임/요금에 대해 구난동의를 받을 것. 렉카 측에서 위의 두 사항을 지키지 않고 동의없이 견인하려 한다면 불법신고 사유로 들 수 있습니다. 동의없이 가져가서 청구서를 내밀어도 내실 필요 절대 100% X 없습니다. (2020년 10월 1일에 국토 교통부에서 구난 형 특..
카카오톡 숫자 1 사라지지 않고 몰래 내용 확인하는 법, 친구들과 주고받은 파일/영상 데이터 모아서 보기, 모르는 사람이지만 일적으로 등록해야할 때 카톡 자동친구추가 하지 않는 법. 등등 여러 카카오톡에 관한 정보를 알려드리도록 하겠습니다. 1. 그 동안 주고 받았던 파일,링크, 영상 등 모든 파일 확인하기 다들 한 번씩은 해보신 적 있으실 겁니다. 1 숫자는 지우고 싶진 않고, 내용 확인하고 싶을 때 "비행기 모드" 켜놓고 확인하지 않나요? 하지만 글의 내용만 확인 할 수 있을 뿐, 사진이나 동영상 같은 경우는 비행기 모드 때문에 확인이 어렵고, 클릭하면 보이지는 않지만 1 숫자만 지워지는 참사가 발생합니다. 이 때, 톡방에 들어가지 않고도 읽음표시 1이 사라지지 않고 영상이나 사진을 확인할 수 있는 ..
처음 리액트를 접하거나 처음 설치하시는 분들을 기준으로 글을 작성해 보았습니다. 어딘가에 빠진 부분이라던가 틀린 부분이 있으시다면 댓글 남겨주시면 감사합니다!! 설치해야 될 것 4가지 Node.js npx npx git yarn (선택에 따라 나중에) Node.js 설치 → (node.js 설치시 npm 도 같이 설치됨.) 1. Node.js 페이지 접속 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 왼쪽의 “16.17.0 LTS” 를 다운 받는다. (오른쪽의 "현재버전" 다운로드 X) 3. 다운로드가 다 되었으면 “명령 프롬프트” 실행 4. " node -v “ 명령어로 설치 버전..
scroll-snap 페이지 스크롤 시 사용자에게 보여주고 싶은 영역에서 멈추게 해주는 기능 큰 이미지를 사용하는 풀스크린 레이아웃이나 갤러리용 상이트에 적용 하기 좋음. scroll-snap 시 꼭 필요한 css 속성 height:100vh; 감싸고 있는 영역의 높이와 요소의 높이를 100vh로 맞춰줘야한다. scroll-snap-type 속성 값 종류 scroll-snap-type : value 의미 x 가로 방향 스크롤 시 빠르게 지나가거나 멈추게 할 수 있다. y 세로 방향 스크롤 시 빠르게 지나가거나 멈추게 할 수 있다. both 상하좌우 스크롤시 빠르게 지나가거나 멈추게 할 수 있다. scroll-snap-type 위치 지정 속성 종류 의미 mandatory 현재 표시되는 영역이나 다음 영역 ..
반응형 웹 디자인 디바이스 화면 크기에 따라 웹 페이지가 표현되는 방법이 바뀌는 것을 의미한다. 반응형 짜는법 HTML에 을 입력한다. (요즘엔 기본적으로 다 들어가있음.) viewport 는 화면크기만 디바이스에 맞추는 것 뿐 레이아웃은 최적화 되지 않는다. 따라서 레이아웃도 최적화 시키려면 미디어 쿼리를 사용해야한다. 반응형 작성하기 1.CSS 파일에 작성하는 경우 /*MOBILE SIZE ================================================ */ @media (max-width: 700px) { .title { font-size: 4rem; } } 미디어쿼리는 @media (max-width: 크기) { 코드 } 를 말한다. 2.HTML파일에서 link태그로 적용하..
나무젓가락을 쌓아 놓고 계시는 분들 많으실 거라고 생각합니다. (저도 많이 있습니다 ㅎㅎ..) 혹시 나무젓가락 유통기한에 대해 알고 계신가요? 오래 지난 나무젓가락 안묵혀 두고 유용하게 쓸 수 있는 방법 몇 가지 알려드립니다. 나무젓가락 유통기한 나무젓가락 유통기한은 보통 포장지에 안적혀 있는데요. 나무젓가락 유통기한은 " 약 4개월" 이라는 사실!! 나무젓가락 성분 또한 그렇게 좋지는 않으니 너무 오래된 나무젓가락이라면(5~6개월 이상) 인 것들은 사용하시는 걸 추천 드립니다. 나무젓가락 활용법 1. 창틀 같은 좁은 곳을 청소할 때 (물티슈나 매직블록) 같은 청소도구를 나무젓가락에 끼워서 청소해보자. 2. 짜기 힘든 조금 남은 치약, 나무젓가락에 끼워서 알뜰하게 더 써보자. 3. 나무젓가락을 엇갈리게 ..
굴림, 돋움, 고딕 등등 이런 글씨체 말고 여러 다양한 폰트들을 직접 보고 사용하고 싶다거나, 상대방이 원하는 폰트로 적용을 해야 될 때 참고할만한 사이트 들을 소개합니다. 글꼴 폰트 사이트 아래 모든 사이트들은 모두 무료인 곳도 있고, 특정 폰트만 무료로 푼 곳이기 때문에 상업적으로 이용하실 경우 주의해서 사용하셔야 합니다. (이 글에서는 구글폰트를 추천하고 아래에 사용법을 적어놓겠습니다.) 1. 구글 폰트 (★추천) Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 어도비 폰트 Adobe Fonts Adobe Fonts partners with the world’s ..
FullSize의 이미지로 배경을 하는 사이트를 만들 때 간혹 이미지의 가로 폭을 고려하지 않고 만들다가 이미지가 깨져버리는 경우가 발생 할 수 있다. FullSize 이미지 설정방법에 대해 간단하게알아보자 FullSize 배경 이미지 설정방법 1. 가로 폭이 1200~3000px 정도인 이미지를 준비한다. 2. 이미지가 들어갈 영역의 높이를 100vh 로 설정한다. (100vh를 쓰는 이유는 부모 태그의 높이의 관계 없이 일정 높이를 갖기 귀함이다.). Background 속성 풀사이즈 배경을 바탕으로 여러 이미지들을 위치 시키고 싶을 때에는 background-image: url1, url2; background-position: center, center; 와 같이 “, (쉼표)”만으로 구분하여 한..
지난 달 18일 윤상현 국민의힘 의원이 통신비밀보호법 일부 개정법률 안을 대표 발의하였다. 이에 대해 반대 여론이 찬성 여론보다 많지만 18세 이상 남녀 2000여명을 대상으로 한 설문조사는 상대방 동의가 없는 녹음에 반대한다는 결과가 나오면서 이상한 분위기가 흐르고 있다. 통신비밀 보호법 ↓↓ 통신비밀보호법 www.law.go.kr 통신비밀보호법이 뭐야? 제1조(목적) 을 참고하면. >> 통신 및 대화의 비밀과 자유에 대한 제한은 엄격한 법적 절차를 거쳐야하며 통신비밀을 보호하고 통신의 자유를 가져아한다. >> 즉, 개개인의 통화 및 대화는 비밀을 보호해 주어야 한다. 라는 것이다. 지금 개정하려고 하는 법안은 뭔데? 윤상현 의원의 개정안은 '통신비밀보호법 제 3조' ,'공개되지 아니한 타인간의 대화를..
