본문 바로가기

전체 글65

시맨틱 태그란? 기본 개념부터 기능 태그까지 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.

플러그인 추천 / 피그마 상업적 용도로 사용가능한 일러스트 상업적 용도로 사용 가능한 일러스트 피그마 플러그인을 소개합니다.피그마 프로그램은 무료로 사용이 가능합니다.링크 클릭하셔서 사용해 보세요Avatar & People vector illustrations system Avatar & People vector illustrations system | FigmaThis is a character system created in Figma. All components are made within Figma. This file contains all the components you need to create your own little characters. If you find it helpful, you can donate $5 to me so I can b.. 2024. 6. 25.

무료 아이콘 / 아이콘 저장소 서비스 폰트어썸 사용해보기 ( 설치없이 벡터 아이콘 사용 가능 ) 오픈 소스 프로젝트 사이트를 통해서 코딩 시 벡터 아이콘을 무료로 사용해 보기 클론 코딩 할때 좋습니다.아이콘 원본 없이 사용하기 이름은 폰트어썸인데.. 아이콘을 사용하기 위한 오픈 프로그램입니다.폰트어썸font awesome Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.com 1. 폰트어썸 사이트 가입하기폰트어썸 사이트 접속 -> 무료 사용 클릭 -> 이메일주소 입력 -> 메일확인 -> 비밀번호 입력 -> 개인정보입력 -> 끝 -> 메인에서 start for f.. 2024. 6. 20.

일러스트 / 스토리보드, 콘티, 컷만화 등 편하게 그리는 일러스트 사이트 추천 (개인적 사용 무료) 간단하게 그림을 그려야 할 때가 종종 생깁니다그림을 잘 그리면 직접 그리는게 쉬울 수 있으나... 그런 재능이 모두에게 있진 않죠 ;;; 웹기반이며, jpg와 png로 해상도는 2배까지 확대해서 저장 가능합니다.무료는 개인적인 용도로만 사용이 가능합니다. 포트폴리오 또는 회의 때 사용하면 편합니다.story tribe StoryTribe: Effortless Storyboarding for EveryoneCreate stunning illustrations and storyboards effortlessly. No drawing skills needed. Customize characters, props, backgrounds, and speech bubbles in minutes.storytribea.. 2024. 6. 18.

즐겨찾기 / 웹사이트 소스(html, CSS) 무료 다운로드 사이트 모음 홈페이지(웹사이트) 작업 어렵게 생각하지 말고,잘 만들어진 홈페이지 소스를 무료로 다운로드하여서 이미지와 텍스트만 교체해서 사용해 보세요비용절감이 됩니다. 아래 추천 사이트들은 가입없이 다운로드 가능합니다! 1. themewagon Free ArchivesSearching for high-quality free demo HTML5 website templates? Download responsive HTML5 CSS3 website templates & Bootstrap themes. Free for commercial use.themewagon.com 2. onepagelove Free One Page TemplatesA collection of 105 Free One Page templates. Ea.. 2024. 6. 17.

즐겨찾기 / IT 기술 블로그 모음 (해외편) 해외서비스 기술 블로그 모읍입니다.각 서비스들이 어디에 집중하고 있는지 확인 할 수 있습니다.아마존 Amazon (Alexa) developer.amazon.com넷플릭스 Netflix TechBlogLearn about Netflix’s world class engineering efforts, company culture, product developments and more.netflixtechblog.com 링크드인 Engineering BlogGonzalo Aniano Porcile, PhD Mar 21, 2024www.linkedin.com 페이팔 The PayPal Technology Blog – MediumJoin our technology team at careers.pypl.com.me.. 2024. 6. 11.

즐겨찾기 / IT 기술 블로그 모음 (국내편) 국내 서비스 기술 블로그 모읍입니다.각 서비스들이 어디에 집중하고 있는지 확인 할 수 있으며, 내용이 재밋다.네이버 NHN Cloud Meetup - NHN 기술 블로그기술을 공유하고 함께 성장해가는 개발 문화, NHN이 추구하는 가치입니다.meetup.nhncloud.com 카카오 Blog - tech.kakao.com카카오의 기술, 개발 조직, 문화에 대한 이야기를 들려드려요.tech.kakao.com 우아한형제들 우아한형제들 기술블로그우아한형제들의 기술, 서비스, 비전, 가치를 들려 드립니다.techblog.woowahan.com 당근 당근 테크 블로그 – Medium당근은 동네 이웃 간의 연결을 도와 따뜻하고 활발한 교류가 있는 지역 사회를 꿈꾸고 있어요.medium.com 마켓컬리 컬리 기술 .. 2024. 6. 10.

이전 1 2 3 4 다음

티스토리툴바