본문 바로가기
반응형

전체 글71

tech icon 다운 받을 수 있는 사이트 (SVG, PNG 테크기업 로고 아이콘 다운받기) 테크 아이콘 및 심볼을 png 또는 Svg로 다운 받을 수 있는 사이트 입니다.매번 구글링 검색하기 넘 귀찮...  techicons.dev SVG and PNG tech icons | TechIconsSVG and PNG tech icons Download, copy and paste tech icons in SVG and PNG format for your projects.techicons.dev 2024. 11. 15.
아이폰에 적용된 기본 UI 아이콘 쉽게 사용하기! Figma, XD, 개발할 때 사용법 ( feat. SF pro font ) iOS 관련 디바이스에 사용되는 아이콘은 아이콘 폰트를 사용하고 있습니다.SF Symbols을 설치하고 복사해서 사용할 수 있습니다. (사용 시 폰트 설정은 SF pro로 해주셔야 보입니다) 매번 아이콘을 찾아 헤멜 필요가 없습니다.다만, 폰트 크기 조절에 따라 아이콘 굵기도 달라질 수 있어서 확인이 필요합니다.SF FontsiOS에서는 애플에서 디자인한 샌프란시스코 서체가 사용됩니다.그 중 SF Pro 폰트를 설치 해주세요! ( 폰트 설정을 SF pro로 해주셔야 아이콘이 표현됩니다 ) Fonts - Apple DeveloperGet the details, frameworks, and tools you need to use system fonts for Apple platforms in your ap.. 2024. 11. 13.
1일 1커밋 잔디심기를 위해!!! 깃허브 가입하기 (feat. github 크롬확장툴 추천) 깃허브?개발자라면 안 쓰는 사람이 없는 소스코드 저장소이자 개발자들의 놀이터로여러 개발자가 동시에 작업이 가능하며, 코드 히스토리 및 버전 관리, 코드리뷰 또는 이슈트래킹에 편리한 장점을 가지고 있습니다.1. 깃허브 가입하기 GitHub · Build and ship software on a single, collaborative platformJoin the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.github.com ① 깃헙 사이.. 2024. 11. 12.
아이폰 사진 확장자 HEIC 사진을 jpg, png등 확장자 변환 사이트 TOP 2 (feat. 아이폰 사용자 필수 사이트) 아이폰 사용자라면사진을 사용할 때 변환을 거쳐야 합니다.Apple이 도입한 HEIC(High Efficiency Image Container)확장자를 사용하기 때문입니다. HEIC 파일이란?고효율 이미지 파일 형식을 채택했기 때문입니다. ① 높은 압축률로 인해 특히 모바일 장치에서 많은 사진을 저장할 때 유용합니다.HEIC 파일은 기존 JPEG 형식에 비해 더 높은 압축률을 제공합니다. 동일한 이미지 품질을 유지하면서도 파일 크기를 줄일 수 있어 저장 공간을 효율적으로 사용할 수 있죠.  ② 풍부하고 정확한 색상 표현으로 고해상도 사진이나 전문적인 사진 작업에 유리합니다.HEIC는 16비트 컬러를 지원해 더 풍부한 색상 표현이 가능합니다. JEPG의 8비트 컬러와 비교할 때 더욱 뛰어난 색상 재현력을 제.. 2024. 11. 4.
구글 신원 인증! 개발자 인증! 현재 주소가 표시된 서류 업로드 오류 ㅜㅜ ( 미친듯한 삽질 끝에 해결 ) 구글은 때때로 협박 메세지를 보낸다 ㅇㅇㅇ을 하지 않으면삭제해 버리겠다!!다행히 오늘은 파란색이라 심플하게 생각했었던게...보통은 빨간색으로 오는데 말이지요. ( 이때까지만 해도.... 난 이게 이렇게 빡치는 여정일 줄은 몰랐다...)( 총 소요 시간 두 달 정도 걸린 듯.. ) 2024년 11월 13일까지 개발자 계정 확인모든 개발자는 업데이트된 Play Console 요구사항 정책을 준수하기 위해 계정 확인을 완료해야 합니다. 2024년 11월 13일까지 계정 확인을 완료하지 않으면 개발자 프로필과 앱이 Google Play에서 삭제됩니다. 계정 확인에 관해 자세히 알아보려면 고객센터를 방문하세요.  인증하기는 쉬웠다.전화번호 인증하고, 메인 주소 인증하고..그러나 문제는.. 현재 주소가 표시된 서류.. 2024. 11. 1.
SCSS / @each 반복문으로 태그 쉽게 만드는 방법, CSS Flex를 이용해서 태그 리스트까지 만들어봅시다 ( 태그 정렬, 줄넘김 한방에 해결하기! ) SCSS @each (반복문)텍스트를 태그로 만들어 사용하기줄넘김 처리 설정 flex-wrap기본형줄바꿈 - 범위가 넘어갈경우 아래로줄바꿈 - 역순flex-wrap: nowrap;flex-wrap: wrap;flex-wrap: wrap-reverse;넘치면 오른족으로 쭈욱 연결됩니다.컨텐츠가 영역 범위를 넘어갈 경우위에서부터 차례대로줄바꿈이 됩니다.컨텐츠가 영역 범위를 넘어갈 경우위에서부터 차례대로줄바꿈이 되지만, 역순 즉 아래쪽에더 많은 컨텐츠를 배치하게 됩니다. _mixin.scss// 텍스트 태그 만들기// @each $각각 정의된 변수값 in $정의된 변수 데이터 그룹 // 클래스명, 모서리라운드사이즈, 좌우여백, 상하여백, 폰트크기, 행간높이, 폰트두께, 폰트색, 선색, 배경색@each $cla.. 2024. 10. 26.
시맨틱 태그란? 기본 개념부터 기능 태그까지 Semantic Tags를 알아보자! 시맨틱 태그?프로그래밍에서, 시맨틱은 코드 조각의 '의미'를 나타냅니다.  이 HTML 엘리먼트가 가진 목적이나 역할은 무엇일까요?많은 의미적 HTML 태그는 페이지의 레이아웃을 전달하게 됩니다.이러한 "구조적" 태그는 HTML4가 HTML5로 업그레이드되었을 때 도입되었으며,일반적으로 의미적 HTML5 태그 또는 의미적 HTML5 요소라고도 합니다.  시맨틱 태그 (Semantic Tags) 종류는 다음과 같습니다.시맨틱 태그 (Semantic Tags) 종류header헤더 태그는 페이지 상단에 위치하며 로고나 제목 등이 포함 navNavigation의 약자로 탐색 링크 즉 메뉴 링크를 모아놓은 영역을 말하며 태그 내에서 사용하기도 하고, 보조 탐색 태그로도 일반적으로 사용합니다.mainmain헤더와.. 2024. 10. 7.
html 링크 연결 방법 정리 ( a 태그, button 태그 ) 코딩을 하다보면 링크 연결해야 할 일이 많은데요!대표적으로 a태그와 button태그가 있습니다. 생각보다 button 태그 경로 입력하는게 잘 안외워지네요;;;   1. a 태그태그 페이지의 이동, 페이지 내의 다른 영역으로의 이동 등 상호작용이 필요할 경우 사용됩니다.a 태그 링크 연결 속성값절대 주소(absolute URL) href="https://code-ruach.tistory.com"상대 주소(relative URL)href=“/lecture/logo.png”같은 페이지 내 연결에서 (id) href=“#top” ( 위치로 이동 됨)스크립트href=“javascript:alert(‘안녕하세요!’)”   2. button 태그단순 클릭 이벤트, form요소에 입력된 내용을 서버로 전송할 때 사.. 2024. 10. 6.
구글 첫 수입 송금받기! (구글 지급 계좌 연결 후 외화 송금 완료! 그리고 주식 매수까지 원스톱) 구글에서 지급 내역 확인 필요 메일이 왔다.계좌를 등록하고 잊어버리고 있었다.지급일은 따로 선택한 적이 없었는데...  영업일 기준으로 5일 이내에 수익금을 수령하지 못하면 은행에 문의하여 자세한 내용을 알아보길 바란다는 메일이다.   신나는 마음으로 하나은행에 접속해 봤다으엥??? 나의 하나밀리언달러통장에 왜 잔고가 아직 없지?? 딜레이가 있나?????개천절이라 그런가???    기다리시던 외화 송금이도착했어요!카카오톡으로 하나은행에서 문자가 왔다. 바로 하나원큐 엡에서 홈탭에서 하나밀리언달러 통장 췤! 주식탭에서 오른쪽 상단 그래프아이콘 클릭해서 총 자산 췤!(환율 1,320원 적용) 21일 날 들어올 줄 알았는데바로 들어왔네요?보통 AdMob 수익금은 월 단위로 지급됩니다.한 달 동안의 예상 수입.. 2024. 10. 5.
지급 계좌 등록 / 하나은행 구글 지급 계좌로 등록하기 ( 구글 지급 금액 변경 및 설정 ) 외화 계좌도 만들었고,지급 계좌 등록을 진행해 볼까요?앱개발, 유튜브, 티스토리 등에서 100$ 가 넘으면 출금이 가능합니다.  1. 구글 지급 계좌 연결하기구글 애드몹 또는 에드센스 접속해 주세요. ① 지급 메뉴② 지급 받을 방법 클릭 ③ 결제 수단 추가 클릭④ 새 은행 송금 세부정보 추가 선택 ⑤ 하나은행 송금 세부 정보 4가지 입력- 예금주 영문이름- 하나은행 영어이름 KEB Hana Bank- 하나은행 식별코드 KOEXKRSE - 하나은행 계좌번호 저장을 누르시면구글 지급 걔좌 등록이 완료! 1-1 국내 은행별 SWIFT 코드 안내8자리 초과 요구시 뒤에 XXX를 붙이시면 됩니다 은행 영문 이름SWIFT 코드KB국민은행Kookmin BankCZNBKRSEKEB하나은행KEB Hana Bank KOE.. 2024. 10. 3.
외화 계좌 개설 / 하나 밀리언달러 통장 + 하나증권 동시 가입하기 (구글지급계좌, 외화예금연계계좌) 아직 받을 금액은 없지만, 2024년 4분기 시작과 함께애드센스에 연결할 계좌를 만들었다. 하나은행의 외화예금연계계좌 선택한 이유는 ① 증권사 이체 없이 입금된 외화로 바로 해외 주식 매매가 가능② 앱 하나로 은행 계좌와 증권 계좌 확인이 가능 1-1. 하나 밀리언달러 통장 개설하기① 하나원큐 앱 접속하기② 하단 메뉴 클릭③ 외환 - 외화예금가입 클릭④ 외화입출금 - 하나밀리언달러 통장 클릭   ⑤ 해외주식계좌 동시가입 클릭 ⑥ 증권사 선택 ⑦ 비대면 계좌 개설 진행  1-2. 하나 증권 계좌 신청하기하나 밀리언달러 계좌 개설이 완료되면 증권계좌를 신청해 달라는 화면이 나옵니다. ⑧ 증권계좌 신청⑨ 아이디 등록 하기 ( 계좌번호 모른다고 놀라지 마시고 기다리면 증권 계좌 개설 완료 문자가 옵니다.)  ⑩.. 2024. 10. 2.
신형 FX 노리박스 레트로 게임기 오락실 게임기 구매 (화사 게임기 렛츠플레이, 월광보합, 노리박스 구매전 고민의 흔적 ) 결론 스포 요거삼 노리박스 TV연결 분리기통 오락실게임기 - PS 본체 | 쿠팡쿠팡에서 4.5 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 4 제품도 바로 쿠팡에서 확인할 수 있습니다.www.coupang.com 예전에 나 혼자 산다에서 화사가 하던 오락실 게임기를 사고 싶었다. 찾았다!화사 게임기 렛츠플레이화사 게임기 렛츠플레이 swgames 가정용 오락실 게임기 32인치 좌식형 (당일출고&무료배송) 화사 게임기 렛츠플레이 swgames 가정용 오락실 게임기 32인치 좌식형 (팩포함쿠팡에서 5.0 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 3 제품도 바로 쿠팡에서 확인할 수 있습니다.www.coupang.com생각해 보니,화면 작은 건 싫고,사실 집에 둘만한 곳도 없고,합리적인 .. 2024. 9. 3.
정책 위반 광고 게제 중단 방지를 위한 조치 필요! (feat. google AdMob) 헐...애드몹에서 빨간 메일이 왔다.그것도 광고 게제 중단이라니 ㅠㅠGoogle AdMob : 즉각적인 광고 게재 중단을 방지하기 위한 조치 필요필요한 조치: AdMob 정책을 준수하도록 고객님의 앱 을 수정하였거나 정책 위반이 잘못된 결정이라고 판단 되면 AdMob 정책 센터에서 위반사항을 확인하고 재 검토를 요청하세요. 위반사항이 추가로 발견되면 위의 앱에서 광고 게재가 제한되거나 중지될 수 있으니 유의 하시기 바랍니다. 위의 앱은 예로 제시된 것이며, 동일한 위반사항이 고 객님의 다른 앱에도 있을 수 있습니다. 앞으로 이러한 경고를 받지 않으려면 고객님의 모든 앱이 AdMob 프 로그램 정책을 준수하고 있는지 확인하시기 바랍니다. 역시나 애드몹 접속하니 정책 위반에 해당하는 문제가 발견 되었다고 알.. 2024. 8. 9.
정책 위반 앱이 Android 14(API 수준 34) 이상을 타겟팅해야 함 (feat.안드로이드 앱 빌드하기) 앱을 출시하다 보면 구글 콘솔에서 다양한 메시지가 오는데1년에 적어도 한번은 정책위반 메시지를 받게 되는 것 같아요 작년 이맘때쯤 Android 13(API 수준 33)을 타겟팅해야 한다고 해서이게 뭔지 몰라서 헤메던 내가 생각나네요;;이 메세지는 빨간색 느낌표로 오지만,사실 해결 내용은 간단합니다.  온더바디 코튼풋 발을 씻자 풋샴푸 레몬민트향, 1개입, 385ml, 5개 - 핸드/풋케어 | 쿠팡현재 별점 4.8점, 리뷰 22,588개를 가진 온더바디 코튼풋 발을 씻자 풋샴푸 레몬민트향, 1개입, 385ml, 5개! 지금 쿠팡에서 더 저렴하고 다양한 핸드/풋케어 제품들을 확인해보세요.www.coupang.com 위반 : 앱이 Android 14(API 수준 34) 이상을 타겟팅해야 함 해결 방법 규정을.. 2024. 8. 8.
자바스크립트로 다국어 언어 적용하기 (with copilot) 자바스크립트를 이용해서 영어, 한국어 등 언어를 설정하면 모든 화면에서 적용되도록전역 상태로 관리하기 위해 copilot과 함께 코딩을 해보겠습니다. ..프롬프트 :list.html, setting.html,  language.js 파일을 만들어주고,setting.html 파일에서 영어와 한국어 중 사용할 언어를 선택하면list.html화면에도 적용시켜줘list.html  setting.html 개인 설정 English 한국어  language.jsi18next.init({ lng: 'en', debug: true, resources: { en: { translation: { title:.. 2024. 7. 15.
무료 움직이는 애니메이션 아이콘 사용하기 (feat.lordicon) lordiconhtml에 쉽게 사용 가능한 무료 애니메이션 아이콘 사이트!움직이는 아이콘을 html에 삽입해 봅시다! 더브레드블루 발효종 순수 통밀빵 2개입 (냉동)COUPANGwww.coupang.com1.  로드아이콘 사이트에 접속하기 21,500+ animated icons - LordiconLordicons work seamlessly with your project, responding to a range of interactions - whether in, hover, morph, loop, or more.lordicon.com 2. 애니메이션 아이콘 선택하기- 원하는 아이콘을 클릭하면 오른쪽 패널에서 아이콘 컬러를 변경, 일러스트 선두께 및 동영상 스타일을 변경할 수 있습니다.- 사용할 리.. 2024. 7. 14.
SCSS / @mixin, @for문으로 하단 고정 탭바 만들기 (하단 네비게이션) Scss에서 for문으로하단 탭바 만들기를 해볼께요!하단 탭바는 버튼 갯수가 변경될 여지가 있으므로 for문을 사용해보겠습니다. 보통 직관적인 이름을 사용하는 것을 추천드리며버튼은 3개에서 최대 5개까지만 사용하시길 권장드립니다._mixin.scss// 이미지 경로$imgurl : '../images/';//배경 이미지@mixin bg($imgfile, $x:null, $y:null, $bgcolor:null, $width:null, $height:null, $boradi:null,){ background: url(#{$imgurl}#{$imgfile}) no-repeat $x $y $bgcolor; background-size: $width $height; border-radius: $.. 2024. 7. 9.
SCSS / @mixin 아이콘 배경 이미지로 사용하기 ( 아이콘 버튼 ) 믹스인을 활용해서배경이미지로 만들어진 버튼을 만들어 볼께요이미지 삽입보단 편하더라구요._mixin.scss// 이미지 경로$imgurl : '../images/';//배경 이미지//파일명, 가로정렬, 세로정렬, 배경색, 가로사이즈, 세로사이즈, 보더라운드@mixin bg($imgfile, $x:null, $y:null, $bgcolor:null, $width:null, $height:null, $boradi:null,){ background: url(#{$imgurl}#{$imgfile}) no-repeat $x $y $bgcolor; background-size: $width $height; border-radius: $boradi;}  _button.scss.btn{ displa.. 2024. 7. 6.
외화 계좌 개설 / 애드몹, 애드센스 지급 계좌로 미국 주식에 투자하기 (외화통장과 증권사연계 상품 알아보기) 구글 애드몹, 애드센스에서 사용할 지급 계좌를 만들 때수수료 없이 바로 미국 주식을 살 수 있는 방법! 외화 통장을 만들고 증권사 연계하여 미국 주식에 바로 투자하는 로직으로 알아보겠습니다. 잠깐 확인 조건,- 은행 증권사간 달러 송금 수수료 면제- 비대면 계좌개설- 계좌개설 20일 제한 증권사 동시가입 또는 기존에 있는 증권사와 연결 가능한 은행 사용 예정  (대포통장 방지를 위해 계좌개설 20일 제한이 걸리는데.. 계좌를 2개(은행, 증권) 만들어야 하므로;;;)    1. 하나은행 하나 밀리언달러 통장 - 하나증권, 삼성증권, 유안타증권, 한국투자증권(이체방식)  하나 밀리언달러 통장 외부채널하나 밀리언달러 통장으로 달러투자 X 해외직구 100만배 즐기기m.kebhana.com 미달러, 엔화 등 2.. 2024. 6. 28.
외화 계좌 개설 / 구글 애드몹, 애드센스 등 구글 수익 계좌 개설 전 확인하세요! 은행별 송금 수수료 비교 (유튜브, 티스토리, 앱개발 등) 요즘 부업으로 유튜브, 티스토리 등 다양한 활동을 하실 때 지급받을 계좌 고민 중이신가요?외화 통장을 가지고 계시다면 기존 사용도 가능하지만,타 은행과 비교해 보시고 수익 계좌 연결하시면 좋을 것 같습니다. 구글 애드몹, 애드센스 등구글 수익 지급 계좌 만들기 전에  수수료 확인해 보세요!  송금 수수료 비교보통 건당 10,000원 정도고 100불 미만은 면제가 보통인듯합니다. 전국은행연합회 소비자포털금융상품정보, 금리/수수료 비교공시, 금융서비스정보, 소비자정보, 금융교육, 보이스피싱정보portal.kfb.or.kr환전 수수료 우대율 비교환전 수수료는 은행연합회 외환길잡이에서 확인할 수 있습니다. 인터넷환전 안내 > 은행연합회-외환길잡이" data-og-description="" data-og-host.. 2024. 6. 27.
즐겨찾기 / 퍼블리싱 작업에 폰트 적용 폰트어썸 사이트로 종결! (무료폰트, 자세한 라이센스 범위까지 한번에 확인) 매번 폰트 찾아서 임베딩 시키기 바빴는데여기로 해결하면 될 것 같다웹 폰트 사용하기에서 CSS 설정하기, Link 방식, Import 방식, Font-face 방식총 4가지 모두 사용가능합니다.원하는 폰트를 바로 다운로드 가능하며,라이센스 사용 범위까지 한눈에 확인하실 수 있습니다. 폰트 어썸웹 폰트 사이트입니다.wess.tistory.com 2024. 6. 26.
반응형