컴포넌트 설계는 센스가 아니다.
소개
지금, 나가고 있는 현장의 발달은 view를 전부 HTML로 창조하고 있다.
화면수만의 HTML이 있어, 필자에 의해 입도가 다르다.
또, 디자인의 변경이나 폼 수정에 대해서 HTML 파일을 수정하고 있으므로,
물론 빠짐도 많아지고 테스트 효율도 나쁘다.
그래서 React의 도입을 생각한 것이다.
왜 React인가?
부딪치면, Angular에서도 좋았다( ´∀` )
다만, 재적하는 엔지니어의 앞으로를 생각하면 React 쪽이 좋을까라는 판단
React의 안건이 늘어나고 있기 때문에 PHPer 은퇴해도 어떻게든 된다. . . 어쩌면!
리더에게 말해 보았다.
지금의 사건은 BP에 인권이 있고 의견도 말하기 쉽기 때문에
바로, 전해 보기로 했다.
【자신】
"다음 개발은 React로 개발할 수 있습니까?
지금의 방법이라고 화면 수정할 때마다 막대한 공수가 걸리고 있지 않습니까」
【리더】
「별로 좋겠어.
【자신】
(흠, REST API 사용하는 이미지일까, 어떻게든 할 수 있을까)
【리더】
「단지, 컴퍼넌트 설계가 귀찮아요. 컴퍼넌트 설계는 센스 있고」
본편 : 컴포넌트 설계는 센스인가?
구성 요소란?
React의 구성 요소는 "부품"입니다.
예를 들어 양식의 입력란이거나 버튼입니다.
왜 감각이 있는가
예를 들어 Yahoo의 검색 양식을 살펴보면
가장 작은 구성 요소는 검색 상자 (버튼) 버튼입니다.
그러나 그대로 컴포넌트를 늘어놓은 것은 실용성이 부족하다.
따라서 검색 상자 (form) 검색 버튼 (button)으로 새로운 구성 요소를 만듭니다.
위와 같이 컴포넌트를 조합하여 테트리스처럼 화면을 구축하는 것이
센스가 없으면 어렵기 때문에 컴퍼넌트 설계는 센스라고 말해져 버린 것이 아닌가.
과연, 정말로 그런가?
결론을 말해 버리면, 자신은 NO라고 생각했다.
왜냐하면, 조사해 가는 중에 「Atomic Design」라고 하는 개념을 알았기 때문이다.
Atomic Design
Reference
이 문제에 관하여(컴포넌트 설계는 센스가 아니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Kim9ma/items/7d00354471c47692cc51
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
부딪치면, Angular에서도 좋았다( ´∀` )
다만, 재적하는 엔지니어의 앞으로를 생각하면 React 쪽이 좋을까라는 판단
React의 안건이 늘어나고 있기 때문에 PHPer 은퇴해도 어떻게든 된다. . . 어쩌면!
리더에게 말해 보았다.
지금의 사건은 BP에 인권이 있고 의견도 말하기 쉽기 때문에
바로, 전해 보기로 했다.
【자신】
"다음 개발은 React로 개발할 수 있습니까?
지금의 방법이라고 화면 수정할 때마다 막대한 공수가 걸리고 있지 않습니까」
【리더】
「별로 좋겠어.
【자신】
(흠, REST API 사용하는 이미지일까, 어떻게든 할 수 있을까)
【리더】
「단지, 컴퍼넌트 설계가 귀찮아요. 컴퍼넌트 설계는 센스 있고」
본편 : 컴포넌트 설계는 센스인가?
구성 요소란?
React의 구성 요소는 "부품"입니다.
예를 들어 양식의 입력란이거나 버튼입니다.
왜 감각이 있는가
예를 들어 Yahoo의 검색 양식을 살펴보면
가장 작은 구성 요소는 검색 상자 (버튼) 버튼입니다.
그러나 그대로 컴포넌트를 늘어놓은 것은 실용성이 부족하다.
따라서 검색 상자 (form) 검색 버튼 (button)으로 새로운 구성 요소를 만듭니다.
위와 같이 컴포넌트를 조합하여 테트리스처럼 화면을 구축하는 것이
센스가 없으면 어렵기 때문에 컴퍼넌트 설계는 센스라고 말해져 버린 것이 아닌가.
과연, 정말로 그런가?
결론을 말해 버리면, 자신은 NO라고 생각했다.
왜냐하면, 조사해 가는 중에 「Atomic Design」라고 하는 개념을 알았기 때문이다.
Atomic Design
Reference
이 문제에 관하여(컴포넌트 설계는 센스가 아니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Kim9ma/items/7d00354471c47692cc51
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
구성 요소란?
React의 구성 요소는 "부품"입니다.
예를 들어 양식의 입력란이거나 버튼입니다.
왜 감각이 있는가
예를 들어 Yahoo의 검색 양식을 살펴보면
가장 작은 구성 요소는 검색 상자 (버튼) 버튼입니다.
그러나 그대로 컴포넌트를 늘어놓은 것은 실용성이 부족하다.
따라서 검색 상자 (form) 검색 버튼 (button)으로 새로운 구성 요소를 만듭니다.
위와 같이 컴포넌트를 조합하여 테트리스처럼 화면을 구축하는 것이
센스가 없으면 어렵기 때문에 컴퍼넌트 설계는 센스라고 말해져 버린 것이 아닌가.
과연, 정말로 그런가?
결론을 말해 버리면, 자신은 NO라고 생각했다.
왜냐하면, 조사해 가는 중에 「Atomic Design」라고 하는 개념을 알았기 때문이다.
Atomic Design
Reference
이 문제에 관하여(컴포넌트 설계는 센스가 아니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Kim9ma/items/7d00354471c47692cc51
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(컴포넌트 설계는 센스가 아니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Kim9ma/items/7d00354471c47692cc51텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)