반응형 분류 전체보기139 react component event handling camelCase로만 사용할 수 있음 onClick, onMouseEnter 이벤트에 연결된 자바스크립트 코드는 함수임 이벤트 = {함수}와 같이 씀 실제 DOM요소들에만 사용 가능 리액트 컴포넌트에 사용하면, 그냥 props로 전달함 1. function Component function Component() { return ( { console.log("clicked!"); }} > 클릭 ); } 2. class Component class Component extends React.Component { state = { count: 0, }; render () { return ( {this.state.count} { this.setState((state) => ({ ...state, count: s.. 2021. 10. 12. 리액트 컴포넌트 Props와 State 1. function component의 props와 defaultProps function Component(props) { return {props.message}이것은 함수로 만든 컴포넌트 입니다. } ReactDOM.render(, document.querySelector("#root")); Component.defaultProps = { message: "기본값", } 2. class component의 props와 defaultProps class Component extends React.Component { render() { return ( {this.props.message}이것은 클래스로 만든 컴포넌트 입니다. ) } static defaultProps = { message: "기본값.. 2021. 10. 12. 그누보드 SMTP Mailer() 커스텀 사용하기 formmail.php를 활용하여 게스트도 회원정보없이 쓸 수있게끔 guest_formmail.php를 만들었다. fommail에 관련한 파일은 bbs/formmail.php bbs/formmail_send.php skin/member/basic/formmail.skin.php skin/member/basic/style.css (에서 formmail부분) guest_formmail.php $name, $email은 창띄울때 url로 가져가는 값이라 지우고, type부분도 삭제해도된다 나는 심플하게 쓸 거니까 guest_formmail_send.php 거의 대부분의 데이터 받는부분을 삭제하고 header()로 페이지이동을 한다 guest_formmail.skin.php 메일쓰기 기업명 또는 성함필수 이메일.. 2021. 10. 5. [Parcel Bundler]Browser scripts cannot have imports or exports. error npm run dev를 했더니 저런 에러가 떴다. 5월쯤에는 개발서버 여는데 문제가 없었는데 최근 parcel이 migration하면서 바뀌었나, 아무튼 미리 만들어놨던 템플릿도 시간이 지나면 그때그때 설정을 바꾸어줘야한다는걸 새삼 체험했다. 고작 몇개월사이인데.. 에러메시지는 친절하게도 어떻게 고치라고 알려준다. 에서 type="module"을 추가한다. 했더니 잘된다. 2021. 10. 4. 웹표준 최적화 0. open graph meta tag index.html에 작성 1. 사이트 간단테스트해보기 https://searchadvisor.naver.com/tools/sitecheck [네이버: 로그인] 안전한 로그인을 위해 주소창의 URL과 자물쇠 마크를 확인하세요! nid.naver.com 2.robots.txt 작성하기 User-agent: * Allow: / (모든것 공유) Allow: /your-javascript-url (자바스크립트 공유 위치입력) Allow: /your-css-url (CSS 공유 url입력) Disallow: /private*/ (접근 막을 관리자페이지 등 입력) 4.사이트맵 작성 사이트맵 자동생성 사이트 https://www.xml-sitemaps.com/ Create y.. 2021. 10. 1. smooth scroll https://github.com/kswedberg/jquery-smooth-scroll GitHub - kswedberg/jquery-smooth-scroll: Automatically make same-page links scroll smoothly Automatically make same-page links scroll smoothly - GitHub - kswedberg/jquery-smooth-scroll: Automatically make same-page links scroll smoothly github.com scrollTo()해서 좌표 구하고 그런것보다 편하게 쓸 것 같다. 2021. 9. 30. javascript library anime.js https://animejs.com/ anime.js Javascript animation engine animejs.com https://github.com/juliangarnier/anime/ GitHub - juliangarnier/anime: JavaScript animation engine JavaScript animation engine. Contribute to juliangarnier/anime development by creating an account on GitHub. github.com 2021. 9. 30. 그누보드 로컬에 설치 포트번호다를때 포트번호 디폴트는 3306인데 나는 3307을 써서 mysqli_connect($host, $user, $pass, $db)를 mysqli_connect($host, $user, $pass, $db,3307)로 변경하면 정상적으로 설치가 진행되더라~!! 2021. 9. 29. 이전 1 ··· 12 13 14 15 16 17 18 다음 반응형 최근댓글 최근글 인기글 © Copyright 2024 ttutta
최근댓글