글
공지사항
자바스크립트 안 쓰고 CSS 만으로 가로 무한 스크롤 애니메이션 연출 방법
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
Post By
친절한효자손
진짜 오랜만에 진행된 HTML 모임 오랜만에 HTML과 CSS를 사용했습니다. 이제 직장 생활도 거의 다 적응했고 바쁜 와중에 소소하게 시간을 만들어 모임도 꾸준히 진행하고 있거든요. 이번 모임은 진짜 간만에 모이는 HTML 소모임입니다. 이번에 처음 나오신분께서 웹퍼블리싱을 이제 막 입문하셨는데 가로 무한 스크롤의 비밀을 잘 모르겠다고 하셔서 이야기를 들어보고 직접 만들어 봤습니다. 진짜 오랜만에 하는거라서 애니메이션 관련을 다 까먹었지만 과거의 저는 복습을 꽤나 잘 했기에 이미 블로그에 관련 글을 작성해둬서 어렵지 않게 문제를 해결할 수 있었지요. 과거의 나 칭찬합니다. 일단 최종 완성본부터 미리 보시기 바랍니다. 미리보기 See the Pen CSS : Parallax infinite horizontal scroll animation (Not JS!) by rgy0409 ( @rgy0409 ) on CodePen . 이런 형태입니다. 보시면 아시겠죠? 저는 자바스크립트를 아직 제대로 활용할 줄 모릅니다. 따라서 최대한 CSS로 퉁치려고 하죠. 위의 미리보기에 있는 가로 무한 스크롤의 비밀은 크게 두 가지입니다. 하나는 overflow: hidden 이며 또 다른 하나는 animation 입니다. 이 두개가 적절히 잘 배치가 되어 지금 무한 스크롤 중으로 보여지는 것입니다. HTML과 CSS를 자세히 살펴보시면 이게 결고 가로로 쭈~욱 붙어있는게 아니라는걸 아실 겁니다. 원리 제가 생각한 눈속임은 이런 식입니다. 먼저 div 안에 4개의 div를 만들어 둡니다. 그리고 4개의 div를 일단 구별할 수 있도록 동그라미로 만들었습니다. 정렬의 핵심은 justify-content: space-around; 인데 이것은 양 사이드의 떨어진 거리만큼 각 오브젝트를 정확히 2배씩 떨어뜨린 효과입
갤럭시 스마트폰 "카메라 앱을 실행하지 못했습니다" 해결 방법은?
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
Post By
친절한효자손
"카메라 앱을 실행하지 못했습니다" 저는 한 번도 겪어본 문제는 아니지만 일하는 곳에서는 꽤나 이 문제로 많이 접수되곤 합니다. 갤럭시 스마트폰에서 많이 발생하는 문제이며 이 문제를 해결하는 방법이 있나 싶어서 구글 검색을 해보니 역시 스마트폰 초기화가 압도적인 해결 방법으로 제시가 되고 있습니다. 문제는 초기화를 해도 안 되는 경우죠. 즉 물리적인 고장입니다. 안타깝게도 이 문제는 논리적 문제보다는 물리적 문제인 경우가 훨씬 많습니다. 바로 "카메라 앱을 실행하지 못했습니다" 오류입니다. 왜 실행을 못 하는건데...? 다시 한 번 말씀드리자면 갤럭시 스마트폰의 카메라 앱 실행 문제는 대부분 하드웨어적인 문제입니다. 그렇다면 하드웨어의 어느 부분이냐?! 그 확률적인 부분은 다음과 같습니다. 1. 메인보드 : 30% 2. 메인 카메라 : 70% 즉! 진짜 카메라의 자체적 결함에 의해 발생하는 문제가 10대 중 7개 정도 됩니다. 나머지 3대는 메인보드의 문제고요. 생각보다 카메라 결함인 경우가 많다는 것입니다. 그도 그럴것이 아이폰도 그렇겠지만 갤럭시 스마트폰 (특히 울트라같은 하이엔드 시리즈) 뒷면 메인 카메라는 꽤 큽니다. 여러개가 뭉쳐있는 ASSY 형태로 들어있기 때문에 메인보드 정도의 크기를 자랑해요. 스마트폰 카메라 뿐만 아니라 기본적으로 카메라에는 렌즈가 들어있으며 이 렌즈는 꽤나 정교하며 복잡한 부품으로 완성되어 있습니다. 따라서 평상시 스마트폰 보관이 꽤 중요합니다. 작은 충격이라도 주는 경우 재수 없을때 카메라가 손상될 수 있는 확률이 충분합니다. 결국 수리만이 답 아직 보증기간이 지나지 않았다면 삼성 AS 센터를 방문하여 무상 수리를
윈도우 포스트잇, 스티커 메모 (Sticky App) 동기화 백업이 가능했었구나?!
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
Post By
친절한효자손
여러분들, 윈도우 메모장을 잘 쓰고 계십니까? 아마 메모장은 모르시는 분들이 거의 안계실 겁니다. 근데! 윈도우 스티커 메모는 아마 모르시는 분들이 많으실 거에요. 저는 진짜 필수로 이용하는 윈도우 유틸리티 중 하나입니다. 기본적으로 설치되어 있는 앱이죠. 포스트잇 아시죠? 딱 그 느낌의 메모 프로그램입니다. 저는 보통 글쓰기 소재를 적어두는 편입니다. 그리고 블로그 글쓰기 시 스티키 메모를 확인 후 글을 또닥또닥 써나가기 시작하죠. 확실히 콘텐츠를 미리 적어두니까 어떤걸 써야 좋을지 가이드같은 역할을 하니 조금 오버해서 이야기하자면 마치 비서가 한 명 있는 기분마저 듭니다. 근데 왜 메모장 말고 스티커를 사용하느냐?! 그건 바로 백업 기능 때문입니다. 즉 클라우드 동기화를 지원해요. 윈도우 메모장은 이 기능이 없죠? 따라서 포맷하고나면 모든 데이터가 초기화 됩니다. 스티커 메모는 동기화를 지원하기 때문에 포맷을 하거나 컴퓨터가 고장나서 바꿔야 하는 상황이라도 마이크로소프트 계정만 있다면 최근까지 작성해 두었던 스티커 메모의 내용들을 그대로 복원할 수 있어요. 최곱니다. 윈도우 검색창에 한글로 스티커라고 입력해 보세요. 그러면 스티커 메모 앱이 목록에 보일겁니다. 바로 클릭해서 실행해 봅니다. 그러면 위의 이미지와 같은 스티커 메모 앱이 실행될 겁니다. 동기화를 위해서 오른쪽 상단의 톱니바퀴 아이콘을 누릅니다. 스티커 설정 화면으로 들어왔습니다. 여기에 마이크로소프트 계정으로 로그인을 완료하시고 동기화 버튼을 누르기만 하면 끝입니다. 이후부터는 스티커 메모에 작성하고자 하는 내용을 입력하시기만 하면 됩니다. 저는 지금 이렇게 적극적으로 활용을 하고 있고요. 포스트잇과 유사한 UI가 친숙해서 전혀 이질감이 없습니다. 오히려 반갑죠. 스티커 메모는 스타일도 변경 가능합니다. 간단하게요. 오른쪽 상단의 점점점 버튼을 누릅니다.
윈도우11 돌비 애트모스 (Dolby Atmos) 사용하기
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
Post By
친절한효자손
윈도우11에서 돌비 애트모스를 활성화 하는 방법입니다. 일단 무조건 되는 조건이 아닙니다. 유료 결제가 필요하며 하드웨어적으로도 돌비 애트모스를 지원하는 사운드 출력 시스템이 있어야 합니다. 또한 콘텐츠 오디오가 당연히 Atmos 오디오로 포맷되어있어야겠죠? 넷플릭스에는 애트모스 오디오로 제작된 콘텐츠가 좀 있다고 하는군요. 저는 넷플릭스를 쓰질 않아서 모르겠습니다. 그럼 다시 한 번 요약해 보겠습니다. 윈도우의 돌비 애트모스 구축을 위한 조건 1. 사운드 출력 하드웨어가 돌비 애트모스를 지원해야 함 2. eARC를 지원하는 하드웨어가 있어야 함 3. 콘텐츠 미디어의 오디오 포맷이 돌비 애트모스여야 함 4. 윈도우 돌비 액세스 유료 구매 5. 돌비 애트모스 라이센스를 취득한 미디어 플레이어를 사용해야 함 뭔가 처음 보는 내용도 있죠? 아무튼 이 4개 중 하나가 있어야 하는게 아닌! 무조건 이 네개가 모두 세팅 완료되어 있어야 합니다. 그래야 돌비 애트모스 환경을 구축할 수 있어요. 이걸 기억하자 일단 저희 집 TV는 돌비 디지털까지만 지원을 합니다. 그렇다면 돌비 애트모스를 지원하는 출력 하드웨어는 무엇이냐?! 그렇습니다. 사운드바가 지원합니다. 또한 TV는 eARC를 지원하고요. eARC가 뭐냐고요? 검색해 보시면 아시겠지만 간단히 말씀드리자면 HDMI 규격에서 오디오만 따로 오리지널 데이터를 그대로 보내는 포트라고 생각하시면 됩니다. 예를 들어서 미디어 장치를 TV에 연결해서 재생 시 영상은 바로 TV의 디스플레이를 통해 재생시키고 오디오 데이터는 HDMI eARC 단자를 통해 연결된 사운드바로 출력되게끔 하는 것입니다. 위의 그림 도식이 현재 저희 집 상황입니다. 자! 저는 현재 윈도우11의 돌비 애트모스를 구축하려고 하는 거죠? 그렇다면 저 미니PC에서 재생되는 콘텐츠가 돌비 애트모스로 출력되어야 한다는 이야기입니다
스마트폰 알뜰폰 통신사 이심(eSIM) 개통 방법 (번호이동, 신규가입 포함)
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
Post By
친절한효자손
인트로 지금까지 저는 유심(USIM)만 써왔습니다. 유심말고 이심(eSIM)이라는것도 있다는걸 진작에 알고 있었지만 크게 관심이 없었단 말이죠? 근데 유심 비용보다 이심 비용이 훨씬 저렴하다는걸 깨닫고 이제는 이심으로 계속 번호이동을 진행할 생각입니다. 이심은 Electronic SIM이라는 의미로 전자심을 말합니다. 그렇기에 IT커뮤니티에서는 언어유희로 이심전심이라는 표현을 사용하기도 합니다. 유심은 편의점이나 온라인, 혹은 통신사에 직접 택배 발송을 요청해서 따로 미리 구매해야 합니다. 그렇기에 여간 번거로운게 아닙니다. 또한 유심 불량의 경우에는 다시 재발급을 받아야 하지요. 그에 반해 이심은 자신의 스마트폰에 있는 SIM 칩에 직접 디지털 파일을 다운로드 받아서 바로 활성화가 가능하기에 상당히 편리합니다. 삭제도 간편하고요. 유심은 유심트레이를 열어서 잘 꽂아줘야 하고 반대로 제거도 해줘야 하는 번거로움이 있습니다. 그래서 앞으로 이심만 쭈욱 사용할 생각입니다. 그렇다면 이심은 어떻게 다운로드를 받고 이심 개통을 완료하는건지 과정을 대충 알아보겠습니다. 유플러스 인터넷 사용자라면? 당연히 알닷입니다. 알닷은 유플러스에서 제공하는 유플러스 통신 라인을 사용하는 MVNO 알뜰폰 사업자 정보만을 모은 알뜰폰 플랫폼입니다. 유플러스 알닷 홈페이지 홈페이지는 위에 있으니 혹시 유플러스 인터넷을 사용하신다면 꼭 알뜰폰과 결합할인을 받아서 사용하세요. 만약 유플러스 기가 인터넷 사용자라면 매월 최대 13,200원을 추가 할인 받을 수 있습니다. 이건 상당한 꿀입니다. 달달하죠. 번호이동(신규가입) 진행 과정 이제 알닷에서 회원가입 후 마음에 드는 요금제를 찾고 신청을 진행하는 과정입니다. 우선 필요한 준비물은 신분증입니다. 지금 당장은 필요 없으며 차후에 번호이동 또는 신규가입 시 필요하니 꼭 실물 신분증을 가지고 계시기 바랍니다. 계좌번호나 신용카드는 통신요
K패스 카드 발급 및 삼성페이(삼성월렛) 교통카드로 등록하는 방법
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
Post By
친절한효자손
인트로 K패스 카드를 아시나요? 직장인 입장에서는 교통비도 결코 무시 못 하죠. 아?! 아직 모르시는 분들이 계실 수 있으실 수 있으니 먼저 말씀드리자면 저는 이제 직장인입니다. 프리랜서의 삶은 잠시 접고 직장인 라이프를 다시 시작했습니다. 이사 때문이기도 하고, 무엇보다도 티스토리의 수익 스틸 때문에 너~무 치명적인 영향에 의해 사실상 저의 직장인 삶은 정해진 기로였던 것입니다. 아무튼 직장인으로 변신하면서 동시에 대중교통을 이용하기 시작했습니다. 다행히 직장까지 지하철로 한 방에 가더라고요. 지하철역과 가깝기도 하고요. 그래서 K패스 교통카드도 만들었습니다. K-패스 교통카드 https://korea-pass.kr/ K는 말 안해도 무엇의 약자인지 아실겁니다. 그렇습니다. 한국패스 교통카드인 것입니다. 일단 크게 다음의 등급에 따라서 매월 1일부터 말일까지의 교통비에 대한 일부 금액을 캐쉬백 해줍니다. 일반인 : 20% 청소년 : 30% 저소득 : 53% 이 밖에 더 디테일한 세부 내용은 위의 공식 홈페이지에서 확인 가능합니다. 발급 방법 홈페이지에 보시면 K-패스 카드의 종류가 나와있습니다. 크게 신용카드와 체크카드가 있죠. 마음에 드는 카드사의 카드를 선택하시어 해당 카드사 홈페이지에서 신청하시면 됩니다. K-패스 등록하기 나의 하나은행 K패스 체크카드 저는 주 은행인 하나은행의 K패스 체크카드를 만들었습니다. 체크카드로 결정한 이유는 다른 거 없어요. 어차피 이 카드는 교통카드가 주요 업무입니다. 따라서 굳이 불필요한 연회비 발생을 원치 않았기에 체크카드로 개설한 것입니다.