etc 47

[css] position:absolute 가운데 정렬

/* absolute 가운데 정렬 : margin 사용*/        .boxA{            width:500px;            height:500px;            position:absolute;            top:50%;            left:50%;            margin-top:-250px; /* width의 절반값 */            margin-left:-250px; /* height의 절반값 */            background-color: #fff;        }        /* absolute 가운데 정렬 : transform 사용*/        .boxB{            width:500px;           ..

etc 2020.12.28

무료 QR코드 생성기

요즘은 뜸하지만 QR코드를 만들어야 할 때가 가끔있다. 네이버에서도 제공하지만, 연결을 네이버를 들렸다가 가야한다는 불편함도 있고, 그래서 찾다보니 나온 사이트 QR 코드 생성기자신의 QR 코드를 만들기 위해 무료 온라인 QR 코드 생성기. 온라인 QR 코드 바코드 생성기는 무료, 온라인, QR 코드 바코드 생성 하 실시간. 지금 당신은 QR 코드나 바코드를 만들기를 시작! 무료 온라인 바코드 생성기 자신의 바코드를 만들기 위해.https://ko.online-qrcode-generator.com

etc 2020.07.24

[youtube] 동영상 플레이 하는 목록 / 화면 만들어보기

구현된 페이지 캐나다온라인 수업캐나다온라인 수업, 캐나다고등학교 내신관리, 수학, 과학,영어,사회 토플 SAT 시험대비http://online.ige.kr/?page=sample 기본 개념은 이러합니다. #1 Youtube의 영상 공유하기에서, 코드를 선택하면 Iframe 형태로 공유할 수 있습니다. #2 그 코드에서 고유 콘텐츠 값 만을 변경하여, 플레이 리스트를 만들어 봅니다. 공유하기에서 코드를 선택하면 대략적으로 저런 코드가 나옵니다. 여기서 src="https://www.youtube.com/embed/yvg6m2ZUoHg" 이 코드가 콘텐츠에 대한 주소이고, 여기서 yvg6m2ZUoHg 이 코드가 고유 콘테츠 코드라 할 수 있겠습니다. 그럼 여기서 부터 시작합니다. 수학강의 ( Grade 10..

etc 2020.04.22

[html/css] a / button tag 로 버튼 만들기

기본적으로 화면에서 버튼을 만드는 방법은 여러가지가 있다. 1. a 태그로 만들기2. button 태그로 만들기 3. div 혹은 span 등등의 엘레멘트로 만들기 나는 주로 a 태그나 button으로 많이 만든다. 개발자들과의 협업도 많고, 키보드 제어를 위해서는 a태그 및 button으로 많이 만든다. a 태그로 만들경우 버튼 기본 틀이 되겠다. href 에는 클릭 시 이동할 페이지의 주소를 보통 넣는다. 만약 javascript 를 실해야한다면, href="#" onclick='함수/스크립트' 이렇게 넣는다 이 때 만드시, 뒤에 return false; 를 붙여줘야 href='#' 가 동작하지 않는다. class='btn'은 css 로 스타일을 주기 위해서 내가 임의로 넣은 코드이다. button의..

etc 2020.04.22

[js/jquery] div 화면에 나왔는지 확인하는 함수

다른 lib 를 사용해서도 충분히 구현가능하다만, 그냥 필요에 의해서 한번 만들어본 코드 일단 필요할 것이라 판단되는 상황은 아래와 같다. 스크롤을 하다, 특정 영역에 도달했을 때 뭔가 동작이 일어나야함 상단 네비게이션에 특정 영역에 메뉴 On 시킬 때 css animation을 실행시키는 시점(?) 이건 개인적인 걸로,, 암튼 등등의 경우에 사용된다. 공식은 이러하다. #1 현재 위치 값을 알아낸다. - 현재 위치를 알아야, 특정 DIV의 위치와 비교를 할 수 있다. #2 특정 DIV 위치를 알아야한다. - #1과 같은 맥락이네.. 암튼 함수는 이러하다 function setVisible(a){ if( a.length > 0 ){ var stdPos = $(window).scrollTop() + $(w..

etc 2020.04.22