목록2016/04/22 (4)
ㄷㅣㅆㅣ's Amusement
React는 [부모 컴포넌트 -> 자식 컴포넌트] 방향으로만 데이터를 전달하는 것을 지향한다. 이렇게 하면 컴포넌트들이 매우 단순해질 수 있기 때문이다.자식 컴포넌트로 데이터를 전달하기위해 사용하는 props와 state에 알아보자. props properties를 줄여서 표기한 것.컴포넌트에 전달되는 데이터. - props를 전달받은 컴포넌트에서 props를 직접 수정하지 않도록 한다. - 값을 변경하고 싶다면 state를 사용한다.PropTypes props의 유효성 검증isRequired를 사용하여 필수속성을 나타낼 수 있다.API 설명의 도구로 활용할 수 있음.ex) 123456789var Painter = React.createClass({ propTypes: { inkColor: React.P..
북한산 힐스테이트 7차 상가 2층에는 샤브샤브 무한리필집 "샤브앤"이 있었다 얼마전 "샤브앤"이 사라지고 그 자리에 새로 "참이맛 감자탕"이 새로 생겼다 •주소 : 서울특별시 은평구 통일로 796 북한산힐스테이트7차아파트 상가 1층 •전화 : 02-358-9292 아시는 분은 알겠지만 내부 인테리어는 그 전 샤브샤브 집과 크게 바뀌지 않았다 가운데에 입식 테이블이 있고 룸과 반 오픈형 룸은 좌식 테이블이다 둘 다 끓여먹는 음식이다보니 크게 구조를 바꿀 필요가 없었을 듯 아 샤브샤브 무한 리필 채소가 있던 곳이 사라지고 거기에 입식 테이블 2개가 생겼다 이 곳은 회사 근처에 룸으로 된 식사 장소가 별로 없다 보니 회식이나 외부인을 대접 할 때 자주 갔던 곳인데 다행히 새로 오픈하면서 구조를 ..
React의 라이프 사이클 메소드는 컴포넌트 안드로이드나 iOS와 같이 사용 단계에 맞는 후킹 기법을 제공한다. 초기화 getDefaultProps인스턴스를 생성하는 시점에 딱 한 번 호출.복제되는 것이 아니며, 하나의 값을 모든 인스턴스가 공유한다.getInitialState인스턴스를 생성할 때마다 호출.이 시점부터 this.props에 접근 가능.componentWillMount최초 렌더링 직전에 호출.렌더링 하기 전 컴포넌트 상태에 영향을 줄 수 있는 마지막 단계render컴포넌트를 나타내는 가상 DOM을 만든다.React는 이 메소드에서 가상 표현 객체를 실제 DOM과 비교하여 변경할 부분이 있는지 확인한다.필수 작성 메소드이며 다음과 같은 작성 규칙을 따른다.접근은 this.props, this..
합정역 메세나폴리스에는 디저트를 즐길 공간이 아띠제, 스타벅스, 잠바주스 등등 많이 있는데 그 중에서 건강을 생각했을 때 가기에 딱 좋은 곳이 있다 바로, 유 니드 마이 요거트(YOU NEED MY YOGURT) 한글로 적으니 좀 어색한데, 메세나폴리스 2층에 위치하고 있고, 그릭 요거트, 오가닉 요거트를 판매하는 곳이다 •주소 : 서울 마포구 양화로 45 메세나폴리스 2층 •전화 : 02-3144-4970 •홈페이지 : http://youneed.alldaycafe.kr/# 건물 사면이 유리로 되어 있어 날씨 좋은 날은 날씨가 좋은대로 비가 오는 날은 비가 오는 대로 너무 이쁜 가게이다 그리고 깔끔한 흰색을 베이스로, 선명한 파란색을 포인트로 그리스 느낌이 들게 만들었다 아기자기한 장식..