•  
  •  
  •  
  •  
 
2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
Mobis Phoebus site renewal
Mobis Phoebus site renewal
Seoul Cinema site renewal
werty wordpress blog build
TOYOTA KOREA website renewal
Moss & Dew studio web site
Kia motors Stage Motion Graphic
Hold Holic
HCI KOREA 2014
아빠..손 따뜻해..
아빠 날개가 되어줘! 난 날을꺼야~
거품 샤워중인 졸망이
바구니 안에 들어가있는 졸망이
행운아 안약 넣자~
내려오려고 하는 올망이
실내화에 들어가서 안나오려고 하는 졸망이
어허! 어허! 아빠 거기 내 단추~
아빠 이렇게 내려가면 되는건가요?
 

Posts Tagged "reactjs"

리액트 라우터 v4 와 코드 스플리팅

리액트는 알다시피 한번에 모든 페이지 정보가 스크립트로 들어감. 그러다보니 방문하지 않을 페이지의 코드까지 로드하니 비효율적일 때가 있다. 해당 페이지로 라우팅되었을 때만 그 페이지 코드를 불러오게 해보자. 사용된 모듈은 react, react-dom, react-router-dom 이다. 리액트 라우터는 v4다. app.js (html에서 불러오는 코드 파일이다.) 여기에 보면 ./lib/asyncRoute 를 불러와서 외부 파일 ...

... 2017/07/21

코드 스플리팅을 위한 webpack.config.js , 패키지들

이번에 webpack3, react router v4로 접하면서 코드 스플리팅을 위한 작업을 했다. 설치한 패키지들은 package.json으로 파악하고 설치하면 된다. package.json 의 설치 모듈들 webpack.config.js 일단 이렇게 설정하고 코드 스프라이팅 빌드 해보니 오류는 없어졌다.  실제 확인해보니 코드도 문제없이 생성되었다. 환경설정은 이렇게 해놓고 코드 스프라이팅과 리액트 라우터 v4를 더 해본 ...

... 2017/07/21

findDOMNode) is not a function 오류 발생시

이런식으로 findDOMNode 를 한 뒤 참조를 아래처럼 설정할 경우 오류가 날 것이다. 리액트 버전 15(일부 제외)부터는 findDOMNode를 쓰지 않고 바로 ref를 사용해도 된다. 바로 사용해도 된다.

... 2017/06/21

스니펫용 함수형 컴포넌트 코드

state가 없거나 리액트 라이프 사이클에 관계없는 컴포넌트 만들 때 사용.

... 2017/05/12

ReactJs – .propTypes, .defaultprops

prop 를 타입 선언과 기본 값 셋팅을 할 때 대소문자 주의해서 쓰자. const로 먼저 셋팅 선언하고, 하단에 실제 타입과 기본값 선언을 상단에서 설정한 셋팅값으로 가져온다. .propTypes 과 .PropTypes 에 대소문자 주의하자. 자주 헷갈려서 오류난다.

... 2017/04/24

ReactJs – 자동으로 프로젝트 생성/셋팅

이런 저런 설치와 설정없이 바로 리액트 프로젝트를 만들수 있게 해주는 플러그인이다. 참고 문서는 https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html CMD 창에서 아무곳에서나 아래처럼 입력하여 글로벌로 설치한다. 이게 설치가 되면 이제 기본 리액트 셋팅이 된 환경을 만들어줄 수 있다. CMD 로 작업하려는 디렉토리에 가서 아래처럼 입력하자. 그러면 testreact라는 폴더가 생긴다. 그 안에 ...

... 2017/04/24

리액트에서 리스트 반복으로 버튼 만들 때 .map()

render(){}  안에서 작동시켜서 ContactinforLi 컴포넌트들이 반복적으로 랜더링 되게 한다.

... 2017/04/24

React – 02. 코딩하기 – 컴포넌트

리액트는 컴포넌트를 만드는게 중요하다. 컴포넌트... 막상 이렇게 말하니까 개념적으로 이해하기 어려웠었다. 컴포넌트란 웹 코딩으로 설명하자만, 네비게이션이 있는 영역도 컴포넌트이고 검색 기능이 있는 부분도 컴포넌트다. ul로 감싸진 목록들도 컴포넌트로 만들 수 있고, 로그인 부분도 컴포넌트로 만든다고 생각하면 된다. 그냥 다 컴포넌트들로 모여져 웹사이트를 만든다 생각한다. 지난 ...

... 2017/04/21
.