본문 바로가기

IT

[텔레그램] 클럽하우스 업그레이드판을 만들어낸 텔레그램 음성대화 2.0 클럽하우스(이하 클하)가 음성기반 SNS로 많은 사람들의 이목을 집중시켰다. 클하가 주목을 받은 이유 중 하나는 유명인들의 참여가 있었기 때문이다. 최근 클하에는 처음처럼 영향력이 있는 사람들이 많이 있지는 않다. 속칭 '고인물'이라는 클하가 자신의 목적과 부합하는 몇몇이 이방, 저방을 다니면서 의견을 듣고, 말하고, 나눈다. 클하에서 만난 사람들은 대체로 사람들과의 소통을 좋아한다. 소통을 하기 위한 툴로서의 역할을 한다. 몇번 참여를 해봤지만 말하기보다 듣기를 통해 다양한 정보를 얻는 것이 좋았었다. 텔레그램은 국내에서 'N번방'이라는 안좋은 이미지가 생겨버렸다. 그로인해 몇몇 사람들에게 편견을 가지고 있다. 아직도 불법적인 것들이 성행을 하고 있다. 불법적 영상물을 방관하기보다는 신고해서 근절하자!.. 더보기
모바일 웹에서 스크롤 표시 어떻게 없앨까요? 스크롤 잔상 없애는 방법! 아휴, 스크롤 잔상 좀 없애주세요 일발적인 스크롤은 커스텀으로 디자인하지 않으면 브라우저 기본 스크롤인 회색의 클래식한 막대바이다. 하지만 모바일에서는 막대바 대신 스크롤을 할 때 투명하게 보이는데 때론 이 막대바를 가려야할 때가 있다. BUT!!! 모바일 웹으로 들어가면 스크롤 잔상이 나오는 것을 없애는 방법에 대해서는 많이 알려지지 않았다. (방법을 알고 있다면 조용히 창을 닫고 나가고 아래 글을 읽어볼 필요는 없다.) 물론 stackoverflow에 검색하면 찾을 수도 있겠지만 약간의 삽질을 한 경위를 소개하고자 한다. 문제(Problem) overflow로 스크롤을 주는데 잔상이 남으면서 스크롤이 보인다. 스크롤 잔상을 없애라! 해결(Solve) .scroll_conateiner에 들어간 클래스는.. 더보기
와이어프레임은 꼼꼼하게 만들 필요성이 있다. 프로젝트를 진행하면서 와이어 프레임(프로토타입)이 제대로 준비되지 않은 곳을 종종 보고 한다. 제가 맡은 파트는 와이어 프레임을 크게 볼 필요는 없지만 이를 바탕으로 나오는 디자인 화면에서 누락되는 부분이 많기 때문이다. 화면설계서(와이어 프레임 또는 프로토타입)는 고객, 기획, 디자인, 개발 프로젝트의 소통에 있어서 중요하다. 탄탄한 기획서와 화면설계서가 없으면 여러 파트에서 "수시로" 이메일, 메신저, 구두 등 다양한 방법으로 끊임없는 소통을 해야하기 때문에 실무자(디자인, 개발)들의 작업기간과 작업량에 있어서 큰 차이가 생긴다. 간단하게 생각해봐도 각 파트에서 10개의 질문을 한다면 30번의 질문과 30번의 답변과 30번의 피드백이 생기고 10개의 질문에 90번의 "쓸데없는 에너지"가 소모된다. 그.. 더보기
웹팩(webpack) VusJS 빌드 시 scss 오류! 오늘은 갑자기 생긴 오류에 대한 포스팅을 해보려 한다. 업무를 하는 중 갑자기 오류가 나왔다. 내용은 아래와 같다. 콘솔 내용을 확인해보면 버전이 바뀌어서 생긴 오류인거 같다. 버전이 바뀌면 작고 큰 오류들이 생겨난다. 콘솔 내용을 잘 확인해보면 문제해결을 하는데 있어서 큰 어려움을 겪지 않으며 빠른 해결을 할 수 있다. 콘솔오류 `text-emphasis-variant()` has been deprecated as of v4.4.0. It will be removed entirely in v5. The `bg-variant` mixin has been deprecated as of v4.4.0. It will be removed entirely in v5. 구글링 구글링을 해서 이것저것 찾던 중 아주 .. 더보기
[JS] 스크롤 내리다 대상이 캐치 이벤트(또는 클래스) 생성 / 제거 에피소드 모바일 웹 프로젝트 중 상품 목록을 보여주는 리스트가 있다. 처음 기획에는 상품 이미지만 보여주거나 동영상의 프리뷰 이미지만 보여줬는데 추가사항으로 비디오를 넣어주고 해당 비디오가 화면에 보일 시 자동으로 실행이 되야하는게 요청이 있었다. 문제 스크롤이 특정 영상에 도달하면 자동재생 / 벗어나면 자동정지 해결 스크롤 위치 값을 계산하여 모든 특정 영상($videos)을 기준으로 현재 스크롤 위치에 따라 클래스 또는 이벤트를 실행 / 제거 참고사항 비디오/오디오는 브라우저에서 자동실행(이벤트실행)을 하기 위해서는 음소거(muted) 상태여야한다. 아래 참고자료와 구글 개발자포럼을 봐도 장황하게 설명 되어 있다. 하지만 브라우저 정책이기 때문에 그냥 video 태그에 muted를 추가하면 해결된다... 더보기
[jquery] iframe 객체 접근 후 값 가져오기 iframe 객체 접근 후 값 가져오기 이제는 iframe를 잘 사용하지 않는다. 하지만 프로젝트를 하다보면 iframe을 쓰는 경우가 종종 생긴다. 잘 사용하지 않기에 접근하는데 시간을 잡아먹는 경우가 있기에 작업을 한 코드를 공유한다. 최근 프로젝트는 보통 ajax로 된 JS 라이브러리(프레임워크)를 이용하여 다른 페이지를 불러오고 컨트롤한다. VueJs, reactJS, AngularJS 등으로 하지만 아직까지도 대다수 대형 프로젝트에서는 jquery를 사용하고 있다. 해당 메소드 과제 iframe의 세로값을 가져와서 iframe를 부르는 페이지의 태그의 세로 값을 적용하여 스크롤이 생기지 않아야 한다. 1. 페이지가 로딩되었을 경우 2. 탭을 선택할 시 탭 영역 안에 있는 경우 과제 해결 메소드의.. 더보기
SNS(소셜미디어) 올릴 때 마다 사이즈 찾아보나?! 안녕하세요~ 요니입니다. 오늘은 소셜미디어(SNS) 마케팅을 위한 정보를 하나 전달하려 합니다! 많은 분들이 소셜미디어를 통해 마케팅을 하시는데 저 역시 SNS를 많이 하는 1인으로써 유용한 정보를 공유하고자 합니다. 단점은.. 국내 SNS는 없다는거? 물론 사이즈 등을 알아보는데 어려운건 아니지만 혹시라도 필요하시다면 댓글을 남겨주세요~ 댓글을 보고 필요하신 SNS(네이버 블로그, 카페 등)의 커버 이미지 / 프로필 이미지 등을 추가해서 올리겠습니다! 모두 이미지를 활용해서 마케팅 성공을 하고 사업도 다다다다 잘되시길 바랍니다~ [이미지를 클릭하시면 해당 사이트 링크로 이동합니다.] [이미지를 클릭하시면 해당 사이트 링크로 이동합니다.] [이미지를 클릭하시면 해당 사이트 링크로 이동합니다.] 더보기
[유튜브 오류] 500 Internal Server Error. [유튜브 오류] 500 Internal Server Error. 유튜브에 오전부터 오류가 계속되고 있습니다. 아직 이유는 밝혀지지 않았지만 오전에 출근할 때는 됐던거 같은데.. 저만 그러는줄 알고 찾아봤는데 다들 그러는거더라구요.. ㅠㅠ 500 Internal Server Error은 개인이 아닌 서버에 에러가 난것입니다. 여러분의 폰이나 테스크탑이 문제가 있는 것은 아니니까 크게 걱정안하시고 기다리시면 구글(유튜브)에서 해결할거에요~! 유투브 영상을 퍼가서 올린 사람들도 같은 현상이라 블로그, 웹사이트 등등에 삽입된 유튜브 영상은 전부 먹통입니다. 모두 참고하셔야할거 같아요!! ㅠㅠ 유튜브 오류 현 상황.. 더보기

티스토리툴바