-
Reactjs 2020‧07‧15
props (부모 컴포넌트에서 자식 컴포넌트로 데이터 전달)
자식 컴포넌트가 부모 컴포넌트로 부터 데이터를 받아와서 처리해야할 경우가 생긴다.우선 부모 컴포넌트에서 자식 컴포넌트 쪽으로 데이터를 전달하기 위해 전달하려는 속성을 추가한다. ChildComp 에 userName 의 값을 'insik'으로 전달했다.이제 자식 컴포넌트인 childComponent.js 를 생성하여 아래 코드를 삽입한다. this.props.userName 을 통해 부모로 받은 값을 노출한다.위 코드 중에는 defaultProps가 있다. 이 것은 부모 컴포넌트에서 props를 전달하지 않았을 때 […]
-
Reactjs 2020‧07‧15
조건문 처리
reactjs 에서 조건문 처리할 때는 삼항식을 사용하거나 자가실행함수 안의 if문으로 처리한다.아래는 컴포넌트 안에 들어갈 코드들이다. 삼항식이 아닌 단순히 단적인 조건에 대한 처리는 아래처럼 한다. 기존에 쓰던 if 조건문을 사용하려면 아래처럼 자가실행함수를 만들어 실행한다.
-
Javascript, jQuery 2020‧07‧13
동적인 값으로 css 추가하기
보통 css는 정해놓은 값들로 처리된다.하지만 브라우저 리사이즈와 같은 인터렉션에 의해 사이즈나 속도등이 변경되었으면 할 css 값들이 있다. (특히 애니메이션 키프레임)이럴 경우 자바스크립트를 활용해서 넣는 몇가지 방법이 있었지만 내가 쓰는 방법만 적어 놓겠다.혹시 필요하면 구글에서 CSSStyleSheet.addRule() 과 CSSStyleSheet.insertRule()를 검색해서 더 많은 정보를 찾아보면 된다. 이렇게 먼저 스타일 엘리먼트를 만들어서 헤더에 넣도록 하고 jquery 로 ready 또는 […]
-
WP Tip & Tech 2020‧07‧12
최근 댓글 목록 가져오기
플러그인으로 최근 댓글 가져오는 것이 아니라 php 상으로 삽입할 때 사용하는 방법이다. 스킨 폴더안의 functions.php 를 열어 아래 코드를 추가한다. 주석으로 체크한 부분은 아바타 정보나 등록자 정보를 가져오는 것들이니 필요에 따라 주석을 해제한 후 사용하면 된다. 이제 위 함수를 실제 최근 댓글 목록을 노출할 부분에서 호출하면 된다.예를 들어 스킨 폴더의 single.php 나 sidebar-content.php 같은 곳이다. […]
-
Javascript, jQuery 2020‧07‧12
gulp (4 버전이상) 설정 및 사용 (feat. sass,localhost)
오래 전에 gulp 관련 포스팅을 하고 그 글을 보고 다시 한번 사용해 보려고 진행하는 데 달라진 점이 몇개 있어서 그냥 새로 공부한다 생각하고 플로그인 설치 및 사용을 정리해 보았다. 일단 gulp 부터 설치하자 이어서 사용할 플러그인들을 설치하자 gulp-uglify : js 압축 gulp-sass : SCSS 컴파일 gulp-minify-css : css 압축 del : 파일 삭제, browser-sync : […]
-
Javascript, jQuery 2020‧01‧30
정규식 개인 통관 고유 번호 체크
var regText = /^(p|P)[0-9]{11,13}$/; if(personNumber.length > 0 && !regText.exec(personNumber) ){ alert('개인통관고유번호를 정확히 입력해주세요.') } 개인통관 고유번호를 personNumber 로 받아오고 이를 체크하는 코드이다. p나 P로 시작하며 11~13자리의 숫자로 넣어야만 되도록 정했다.
-
AWS, Server 2020‧01‧22
.htaccess에서 Rewrite 예외 폴더 설정
워드프레스 같은 경우 .htaccess 에서 사용자가 접속하려는 위치에 파일이나 폴더가 없으면 설정된 경로로 리라이트 해준다. 하지만 예외 상황이 종종 발생하기에 실제 폴더가 없더라도 리라이트되지 않게 설정해 주기도 한다. RewriteRule ^(폴더1|폴더2)($|/) - [L] 폴더1과 폴더2를 제외로 설정하는 코드이다. RewriteBase / 아래 써주면 된다. 전체 예제로 보면 아래와 같다. <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^(traffic|my)($|/) - […]