App.js import MyProfile from "./components/MyProfile"; const iam = { lastName: "Hong", firstName: "GilDong", koName: "홍길동", }; return ( ) MyP...js class MyProfile extends Component { constructor(props) { super(props); this.iam = props.iam; } render() { return ( Who am I {this.iam.lastName}입니다

Tail.js // function Tail(props) { // const mytailiam = props.iam; // return ( // // Tail 부분시작 // {mytailiam.firstName}입니다. // Tail 부분끝 // // ); // } function Tail({ iam }) { return ( Tail 부분시작 {iam.firstName}입니다. Tail 부분끝 ); } export default Tail; App.js import Tail from "./components/Tail"; const iam = { lastName: "Hong", firstName: "GilDong", koName: "홍길동", }; return ( )

jQuery 가장 큰 수 구하기를 이용하여 그 영역의 가장 큰 사이즈를 알아볼 수 있습니다. $(document).ready(function(){ var widths = $(".item li").map(function(){ return $(this).width(); }).get(), maxwidth = Math.max.apply(null, widths); }); item 1 item 2 item 3 item 4 item 5 위 막대에서 가장 큰 가로사이즈는 250px 입니다.

예시: 테스트을 테스트으로 태그(class명) 변경할 수 있다. var test_text = $('div.test').text(); var test_replace = ''+test_text+''; $('div.test').replaceWith(test_replace);

아래 CSS 소스와 같이 공급업체 접두사(벤더 프리픽스)를 쓰게 되는 경우가 있는데 소스의 양도 많아지고 작성하는데 번거로움 그리고 이 접두사를 쓰지 않아도 되는 플러그인 제공 지원하는 브라우저 : IE9 + , Opera 10+ , Firefox 3.5+ , Safari 4+ 및 Chrome ( 데스크탑 및 모바일 사파리 , Android 브라우저 , Chrome 및 Opera Mobile 모바일) IE8과 같은 구형 브라우저는 어쨋든 CSS3을 지원하지 않으므로 IE9이상 지원 -ms-transition-duration:1s; -webkit-transition-duration:1s; -moz-transition-duration:1s; -os-transition-duration:1s; transitio..

자주 쓰는 셀렉터 (글쓴이 기준) $('a[href^="mailto:"]').addClass('linkA'); // html속성값이 "mailto:"로 시작하는 링크요소 $('a[href$=".html"]').addClass('linkB'); // html속성값이 ".html"로 끝나는 문자열을 갖는 링크 $('a[href*="mysite.com"]').addClass('linkC'); // "mysite.com"이 URL의 일부로 사용되는 링크 $('tr:odd').addClass('odd'); // 홀수번째 줄 $('tr:even').addClass('even'); // 짝수번째 줄 $('td:contains("퍼티6")').addClass('bold'); // "퍼티6"이라는 텍스트 $('div.b..