CSS HTML JAVASCRIPT 웹디자인기능사 GSAP 포트폴리오 유튜브 Webs352 animation-iteration-count 속성은 애니메이션 반복 횟수를 설정합니다. Reference/CSS animation-iteration-count 속성은 애니메이션 반복 횟수를 설정합니다. by @webs 2022. 7. 4. animation-iteration-count animation-iteration-count 속성은 애니메이션 반복 횟수를 설정합니다. 애니메이션은 움직임 시간, 움직임 지연 시간, 움직임 방향, 움직임 속도, 움직임 진행상태, 움직임 반복 횟수, 움직임 진행상태, 움직임 속도, 키프레임 이름 등을 설정하여 원하는 애니메이션을 구현 할 수 있습니다. 특징 설명 기본값 animation-iteration-count : none; 적용 animation 버전 CSS3 사용성 ★★★★☆ 정의(Definition) animation-iteration-count .. 2022. 11. 1. search() 메서드는 문자열을 검색하고 위치값을 반환합니다. Reference/Javascript search() 메서드는 문자열을 검색하고 위치값을 반환합니다. by @webs 2022. 7. 4. search() search() 메서드는 문자열(정규식)을 검색하고 위치값(숫자)을 반환합니다. 정규식 표현을 통해 검색이 가능하며, 일치하는 값이 있으면 위치(인덱스) 값을 반환하고, 없으면 -1을 반환합니다. search() 메서드 숫자를 반환하지만, match() 메서드는 문자값(배열)을 반환하는 것이 다릅니다. 특징 설명 유형(type) String.prototype.search() 버전(version) ES1 결과값(return) 숫자(index) or -1 사용성 ★★★☆☆ 문법(Syntax) "문자열".search(검색값)" "문자열".search(정규식.. 2022. 11. 1. includes() 메서드는 문자열 포함 여부를 검색하여, 불린을 반환합니다. Reference/Javascript includes() 메서드는 문자열 포함 여부를 검색하여, 불린을 반환합니다. by @webs 2022. 7. 4. includes() includes() 메서드는 문자열 포함 여부를 검색하여 불린(true, false)을 반환합니다. 특징 설명 유형(type) String.prototype.includes() 버전(version) ES6 결과값(return) 불린(true or false) 사용성 ★★★☆☆ 문법(Syntax) "문자열".includes(검색값) "문자열".includes(검색값, 위치값) "javascript reference".includes('javascript') //true "javascript reference".includes('j') .. 2022. 11. 1. lastIndexOf() 메서드는 문자열에서 특정 문자의 위치를 역순으로 찾습니다. Reference/Javascript lastIndexOf() 메서드는 문자열에서 특정 문자의 위치를 역순으로 찾습니다. by @webs 2022. 7. 4. lastIndexOf() lastIndexOf() 메서드는 문자열에서 특정 문자의 위치를 역순으로 찾습니다. 문자열 내에 문자들은 왼쪽부터 순번이 매겨지고, 결과 값으로 순번이 반환됩니다. 만약 찾는 문자가 없다면, -1 값을 반환합니다. 특징 설명 유형(type) String.prototype.lastIndexOf() 버전(version) ES1 결과값(return) 숫자(mumber) 사용성 ★★★☆☆ 문법(Syntax) "문자열".lastIndexOf(검색값) "문자열".lastIndexOf(검색값, 위치값) "javascript refere.. 2022. 10. 31. animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다. Reference/CSS animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다. by @webs 2022. 7. 4. animation-fill-mode animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다. 애니메이션은 움직임 시간, 움직임 지연 시간, 움직임 방향, 움직임 속도, 움직임 진행상태, 움직임 반복 횟수, 움직임 진행상태, 움직임 속도, 키프레임 이름 등을 설정하여 원하는 애니메이션을 구현 할 수 있습니다. 특징 설명 기본값 animation-fill-mode : none 적용 animation 버전 CSS3 사용성 ★★☆☆☆ 정의(Definition) animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정.. 2022. 10. 31. br 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. Reference/HTML 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. by @webs 2022. 7. 4. 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. 단순 줄바꿈을 위한 용도이기 때문에 스타일적인 요소가 필요하다면 CSS 속성을 사용합니다. 여백을 주기 위함이라면 CSS 속성 margin, padding 또는 line-height 사용을 권장합니다. 의미없는 글자에 줄바꿈을 원하다면 태그를 사용합니다. 문단간에 주제 분리를 위한 줄바꿈이 필요하다면 태그를 사용합니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 없음 버전 HTML4 시각적 표현 줄바꿈 사용성 ★★★★☆ 정의(Definition) 태그는 텍스트 줄바꿈이 필요할 때 사용합니다. 태그는 줄을 바꾸는 의미 밖에 없.. 2022. 10. 31. wbr 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. Reference/HTML 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. by @webs 2022. 7. 4. 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. 태그의 사용은 제한적입니다. 일반적인 한글이나 영어에서는 해당이 되지 않습니다. 의미가 없는 단어나 해석 할 수 없는 단어의 줄바꿈을 할 때 사용합니다. 예를 들면 의미적 전달이 안되는 브라우저의 주소가 가장 적절한 예가 될 것입니다. 단어의 줄바꿈이나 글자의 줄바꿈을 컨트롤 하고 싶다면 word-break 속성을 사용합니다. 줄바꿈을 해주는 태그와 동일하지만, 태그는 줄바꿈을 해야 될 상황에 오면 줄바꿈을 해줍니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 없음 버전 HTML5 시각적 표현 줄바꿈 사용성 ★★☆☆☆ 정.. 2022. 10. 30. animation-duration 속성은 애니메이션 움직임 시간을 설정합니다. Reference/CSS animation-duration 속성은 애니메이션 움직임 시간을 설정합니다. by @webs 2022. 7. 4. animation-duration animation-duration 속성은 애니메이션 움직임 시간을 설정합니다. 애니메이션은 움직임 시간, 움직임 지연 시간, 움직임 방향, 움직임 속도, 움직임 진행상태, 움직임 반복 횟수, 움직임 진행상태, 움직임 속도, 키프레임 이름 등을 설정하여 원하는 애니메이션을 구현 할 수 있습니다. 특징 설명 기본값 animation-duration : 0s; 적용 animation 버전 CSS3 사용성 ★★★★★ 정의(Definition) animation-duration 속성은 애니메이션 움직임 시간을 설정합니다. animation-.. 2022. 10. 29. indexOf() 메서드는 문자열에서 특정 문자의 위치를 찾습니다. Reference/Javascript indexOf() 메서드는 문자열에서 특정 문자의 위치를 찾습니다. by @webs 2022. 7. 4. indexOf() indexOf() 메서드는 문자열에서 특정 문자의 위치를 찾습니다. 문자열 내에 문자들은 왼쪽부터 순번이 매겨지고, 결과 값으로 순번이 반환됩니다. 만약 찾는 문자가 없다면, -1 값을 반환합니다. 특징 설명 유형(type) String.prototype.indexOf() 버전(version) ES1 결과값(return) 숫자(mumber) 사용성 ★★★☆☆ 문법(Syntax) "문자열".indexOf(검색값) "문자열".indexOf(검색값, 위치값) "javascript reference".indexOf('javascript') //0 "ja.. 2022. 10. 28. abbr 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. Reference/HTML 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. by @webs 2022. 7. 4. 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. abbr은 abbreviation의 약자로, "약자 또는 생략어"라는 의미를 가집니다. title 속성을 사용하여 전체 단어를 지정 할 수 있으며, 용어에 대한 정의를 나타내는 태그와 같이 사용하여 설정할 수 있습니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 점선(브라우저마다 틀림) 및 툴팁 사용성 ★★☆☆☆ 정의(Definition) 태그는 abbreviation의 약자로, "약자 또는 생략어"라는 의미를 가집니다. 태그를 사용할 경우 번역 시스템이나 검색 시스템에게 유용한 .. 2022. 10. 28. animation-direction 속성은 애니메이션 움직임 방향을 설정합니다. Reference/CSS animation-direction 속성은 애니메이션 움직임 방향을 설정합니다. by @webs 2022. 7. 4. animation-direction animation-direction 속성은 애니메이션 움직임 방향을 설정합니다. 애니메이션은 움직임 시간, 움직임 지연 시간, 움직임 방향, 움직임 속도, 움직임 진행상태, 움직임 반복 횟수, 움직임 진행상태, 움직임 속도, 키프레임 이름 등을 설정하여 원하는 애니메이션을 구현 할 수 있습니다. 특징 설명 기본값 animation-direction : normal; 적용 animation 버전 CSS3 사용성 ★★★☆☆ 정의(Definition) animation-direction 속성은 애니메이션 움직임 방향을 설정합니다. a.. 2022. 10. 28. charAt() 메서드는 지정한 숫자(index)의 단일 문자 값을 반환합니다. Reference/Javascript charAt() 메서드는 지정한 숫자(index)의 단일 문자 값을 반환합니다. by @webs 2022. 7. 4. charAt() charAt() 메서드는 지정한 숫자(index)의 단일 문자 값을 반환합니다. 특징 설명 유형(type) String.prototype.charAt() 버전(version) ES1 결과값(return) 문자(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".charAt(숫자) "javascript reference".charAt() //j "javascript reference".charAt('0') //j "javascript reference".charAt('1') //a "javascript reference".ch.. 2022. 10. 27. animation-delay 속성은 애니메이션 지연 시간을 설정합니다. Reference/CSS animation-delay 속성은 애니메이션 지연 시간을 설정합니다. by @webs 2022. 7. 4. animation-delay animation-delay 속성은 애니메이션 지연 시간을 설정합니다. 애니메이션은 움직임 시간, 움직임 지연 시간, 움직임 방향, 움직임 속도, 움직임 진행상태, 움직임 반복 횟수, 움직임 진행상태, 움직임 속도, 키프레임 이름 등을 설정하여 원하는 애니메이션을 구현 할 수 있습니다. 특징 설명 기본값 animation-delay: 0s; 적용 animation 버전 CSS3 사용성 ★★★★★ 정의(Definition) animation-delay 속성은 애니메이션 지연 시간을 설정합니다. 애니메이션과 관련된 속성(Animation Relat.. 2022. 10. 26. a 태그는 다른 페이지 이동을 설정합니다. Reference/HTML 태그는 다른 페이지 이동을 설정합니다. by @webs 2022. 7. 4. 태그는 다른 페이지 이동을 설정합니다. 페이지 주소 뿐만 아니라, 메일 주소, 전화 번호 등도 연결할 수 있으며, 아이디(#) 값으로 페이지 내에서도 이동이 가능합니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 밑줄과 파란색으로 표시 사용성 ★★★★★ 정의(Definition) 태그는 클릭하면 다른 페이지로 이동합니다. 현재 페이지에서 다른 페이지 URL로 연결하는 것을 하이퍼링크라고 합니다. 태그는 페이지 주소 뿐만 아니라, 메일 주소, 전화 번호 등도 연결할 수 있습니다. 태그는 아이디(#id)로 이동 할 수 있습니다. 태그는 target.. 2022. 7. 4. [블러그] 블러그 광고 수입/유형/제휴사이트/리뷰사이트 블러그를 통해 많은 수익을 올리수 있는 사이트를 알아봤는데요^^ 우리나라에도 다양한 컨텐츠와 광고 유형의 사이트들이 참 많네요^^ 자기 특성의 맞는 블러그와 잘 매치시켜 이용한다면 짭잘한 수입원이 되지 않을까요? 바이리뷰에서는 애드젯 위젯 광고를 설치하고 관리할 수 있는 서비스 입니다. http://www.byreview.co.kr/ 다음 화면은 설치예시 화면을 보여준 그림입니다. 와플은 간단한 포스팅에 참여해서 다양한 제품 체험까지 하면 원고료와 성과금을 제공하는 기존의 블러그 광고와는 약간 다르죠 http://wapl.co.kr/ 이 곳은 맘에 드는 상품을 선택해서 응모를 합니다. 그리고 응모에 당첨을 하면 그 상품을 받아 자기 블러그에 리뷰를 작성하면 되는 곳입니다. http://www.revu.c.. 2011. 5. 6. Dribbble - Icon [Icon] 깔끔하고 산뜻한 느낌의 아이콘[Icon] 깔끔하고 산뜻한 느낌의 아이콘[Icon] 깔끔하고 산뜻한 느낌의 아이콘[Icon] 깔끔하고 산뜻한 느낌의 아이콘 [Icon] 실사같은 아이콘~ 이런 느낌 너무 좋네요^^ [Icon] 리얼 진짜 같은 아이콘들 너무 느낌 좋아~ [Icon] 깔끔하면서도 러블리한 느낌의 아이콘 디자인 [Icon] 실사같은 아이스크림 아이콘! 먹고 싶네^^ 2011. 4. 13. 이전 1 ··· 10 11 12 13 다음
