전체 글123
[#1] 카카오톡 흔들어서 QR 코드 꺼내기
터치 한번에 흔들기 2번만 하면 된다!! 안녕하세요 요새 코로나 때문에 QR코드 꺼낼일이 참 많았습니다 처음에는 귀찮고 어색해서 카운터 앞에서 덤벙 대는 일도 허다했지만 이제는 뭐 일상이 되어버린 QR코드 꺼내기!! 아마 많은 분들이 네이버, 카카오톡 등 QR코드 지원하는 곳에서 다양한 방법으로 서비스를 이용하고 계시다고 생각합니다 저는 아이폰 유저라 뒷면 두드리기 기능을 활용하여 QR을 이용하였는데 이제는 카톡에서 흔들기만 하면 된다니!! 한번 알아보도록 하겠습니다 다른걸 다 떠나서 해시태그인 #빛의속도로 #쉐킷쉐킷 이 부분을 가장 재미있게 표현한거 같습니다 표지는 보았으니 어떻게 사용할 수 있는지 알아야하니까 저 밑의 알아보기를 클릭하게 되면 자세한 사용 방법이 나오게 됩니다 저는 일단 QR 설정이 ..
[#01] Notion 으로 영화 리스트를 만들어본 후기
안녕하세요 저는 영화 보기를 참 좋아하는 사람입니다 옛날에는 영화관에 가는걸 너무 좋아해서 새로운 영화가 나왔을 때마다 가서 영화를 보기도 했고 그 뒤에는 포스터들을 다 들고와서 포스터들을 모으기도 했었습니다 언제부터인가 영화관보다는 넷플릭스, 유튜브와 함께하는 시간이 길어지면서 영화 포스터 모으는 취미도 이제는 옛 취미로 바뀌어버렸습니다 그래서 이렇게 프로그램상에 서라도 내가 본, 내가 볼 영화 리스트들을 만들어보자 해서 Notion이라는 프로그램을 알아봤고 나름대로(?) 예쁘게 정렬되는 나만의 영화 서랍이 만들어지면서 옛 취미들이 다시 살아나는 느낌에 영화 한편을 마칠 때마다 기분이 더 좋아집니다 일단 제 노션 앱, 웹을 나름대로 꾸며놓은(?) 페이지를 먼저 소개해 드리겠습니다 전체의 리스트들이 있지..
[#01 상품리뷰] 유웰 발라리안 소개 - Uwell Balyrian
안녕하세요 아스파이어 AVP Pro 와 양대산맥 이였던 유웰 발라리안을 소개해드리려고 합니다 저는 아스파이어 AVP Pro 와 6개월정도 함께 하였는데 다른 분들처럼 잔고장이나 누수가 그렇게 심하진 않았었습니다 정말 정말 만족하면서 잘 사용하고 있다가.. 그러던 중 갑자기!! 발라리안의 디자인에 혹해버려서 구매를 해버린 발라리안의 코일이 수명이 길다는 이야기를 듣고 와~ 편하겠다 해서 구매를 해버린 호구.. 발라리안 기본 구성품 - 발라리안 기기 - 0.6옴 1옴 코일 각 한개씩 - 주의사항 종이 - 오링 - 기타.. 처음에 기기에는 1옴 코일이 부착이 되어있습니다 발라리안 상자 내부에 별다른 그런건 없는데 저는 저 발라리안 글씨체가 너무 마음에 듭니다 :) 기기는 미드나잇그린, ..
[모바일 게임]갑부:장사의 시대 소개
안녕하세요 오늘은 저도 광고를 보고 다운로드해서 일주일정도 하고 있는 Blanco 라는 게임사에서 만든 갑부:장사의 시대 를 소개해보려고 합니다 집에 있는 시간이 길어지면서 휴대폰 게임을 보던 중 광고를 잘한건지.. 너무 심심해서인지 다운로드를 하였다가 게임의 시스템은 광고와 전혀 다르더라고요.. 근데, 어떻게 하다하다 보니 푹 빠지게 되었습니다 혹시 광고를 보시게 된다면 무슨 말인지 딱 알게 됩니다 채팅 시스템도 존재가 하는데 처음에 광고에 끌려 오셨다가 다르다보니 삭제하신 분들도 많은거 같아요 시작하자마자 게임 튜토리얼이 없었나.. 있었는데 너무 작았나.. 기억이 잘안나지만 혹시 시작하시는 분들을 위해 시스템을 간단히 설명드리겠습니다 일단 시작하시면 이런 화면에 밑에 이제 서버가 나오게 됩니다 노래 ..
[HTML/CSS] 초간단 로그인폼 만들기 - LoginForm
안녕하세요 오늘은 간단한 로그인 폼을 만들어보도록 하겠습니다 기능적인 부분은 하나도 없이 HTML과 CSS만 사용하였기 때문에 디자인만 참고해보시면 좋을것 같습니다 따로 크기를 정해놓지 않은 % 방식으로 하였기 때문에 사이즈를 너무 줄이는 모습까지는 신경쓰지 못하였습니다 중요한 부분 - 위치선정 - display: flex; align-items: center; justify-content: center; flex-direction : column; -디자인 - outline : none; background : linear-gradient() border-radius : --px; box-shadow : -px -px -px color; letter-spacing : -px; SNS 버튼부에서 봐야할 ..
[Javascript] 자바스크립트 토글 버튼 - 메뉴 버튼 구현
안녕하세요 오늘은 간단하게 자바스크립트로 토글버튼 구현 하는 방법 입니다 제가 사용할 방법은 메뉴 아이콘 이미지를 통하여 메뉴 버튼을 켜고 끄고 하는 방법을 알아보도록 하겠습니다 코드는 정말 간단하기 때문에, 긴 글이 아닌점 참고해주시면 감사하겠습니다 일단 아이콘을 미리 준비해주도록 합시다 버튼을 바꾸는 방법부터 소개해드리겠습니다 우선, 미리보기로 모습을 보자면 !! 이런 모습이 됩니다. 저는 항상 transition 으로 약간 자연스럽게 변화를 좋아하는 타입이라.. 이제 코드를 소개해드리도록 하겠습니다 HTML 코드 이렇게 그냥 div 하나와 함수 하나만 더 추가해주시면 됩니다 물론, 함수 이름은 여러분께서 정해주시면 됩니다. 꼭 따라하실 필요 없습니다 !! CSS 코드 .menu { backgroun..
[HTML] 버튼(button)과 버튼에 사용하는 CSS에 대해 알아보자
안녕하세요 가운데 정렬로 항상 글을 써내려 갔었는데 아무래도.. 좌측 정렬이 가장 깔끔한거 같습니다 오늘은 HTML의 버튼에 관해서 알아보겠습니다 으로 사용이 되고 있습니다 버튼이란?? 버튼을 사용함으로써 클릭이 가능하게 하고 간단한 표준 버튼 기능이 필요한 곳이라면 어디에나 배치할 수 있다는 장점이 있습니다 기본적인 버튼의 모양은 이쁘지 않지만 CSS를 통하여 디테일하게 모양을 바꿀 수 있습니다 기본 적으로 특성을 좀 알려드리겠습니다 위 와 같이 클래스 이름 뒤에 빨간색에 추가하여 사용 할 수 있습니다 번호 이름 설명 1 disabled 클릭을 막습니다 2 name 버튼의 이름, 제출 할 때 3 type 버튼의 행동 방식 4 value 버튼의 초기값 기본 적으로 버튼은 어떠한 행동을 취할때 하기 때문에..