검색 본문
namu.wiki 서울 창녕위궁 재사 - 나무위키 서울특별시 강북구에 있는 조선 후기의 재사. 소재지 서울특별시 강북구 월계로 173(번동) 분류 등록문화재 / 기타 / 종교시설 수량/면적 1동, 연면적 264.46㎡ 지정연도 2002년 9월 13일 시대 조선 후기(사랑채 일부 19세기) 개요 상세 기타 2023.02.03 웹문서 검색 더보기 재사 - 나무위키 부여태후 - 나무위키 highmt.tistory.com 아름다운 오지산행 [원주 감악산]창촌-원주감악산-제천감악산-감악봉-재사골재-재사동 143 [원주 감악산] 창촌-△692.5-감악1봉-감악2봉-감악3봉/원주감악산-월출봉-일출봉/제천감악산(×956.3)-감악봉(△883.6) -재사골재-재사3교-제사2교-재사동/재사1교 [도상거리] 약 9.4km [지 도] 1/50,000 제천 [일 자] 2024년 2월 17일 토요일 [날 씨] 맑음 [코 스] 창촌(07:25)-급오름끝/좌지능(08:00)-△692.5/식사... 일출봉 원주 감악산 월출봉 제천 감악산 감악봉 창촌 재사동 2024.02.19 블로그 검색 더보기 cafe.daum.net 안동사랑터 형(形)을 파괴하고 상(象)에 이르다, ‘능동재사 추원루追遠樓 8 재사齋舍는 후손들이 선조를 추모하고 그 은혜에 보답하려는 마음에서 조상의 묘를 수호하고 묘제를 받들기 위하여 산소 아래에나 가까운 곳에 지은 건물이다. 안동지방에는 다른 어느 지역보다 많은 재사를 보유하고 있으며 규모 면에서도 다른 지역과 현격한 차이를 보인다. 이는 혈연공동체를 중시하는 문화와 환경이... 2024.05.26 카페 검색 더보기 cafe.daum.net 수도권 부동산 영덕 안동권씨 옥천재사: 까치구멍 집의 아름다움 2 영덕 안동권씨 옥천재사: 조선 시대의 아름다움을 간직한 까치구멍 집 영덕 안동권씨 옥천재사는 경상북도 영덕군 창수면에 위치한 조선 시대 까치구멍 집입니다. 16세기에 지어진 이 집은 안동 권씨 가문의 재사로, 조선 시대 양반 가옥의 독특한 모습을 잘 보여주는 곳입니다. 옥천재사는 2009년 국가민속문화재 제... 2024.04.17 진안 화산서원: 역사 속으로 떠나는 여행 cafe.daum.net 사종복 맞춤돌봄 Re: 5월 재사정상담지 ㅡ정효숙 재사정상담지(김만석) 5월.hwp 26.00KB 재사정상담지(김명겸) 5월.hwp 29.50KB 재사정상담지(김순자) 5월.hwp 26.50KB 재사정상담지(박재일) 5월.hwp 29.50KB 재사정상담지(안원순) 5월.hwp 29.50KB 재사정상담지(이계찬) 5월.hwp 29.50KB 재사정상담지(이옥순) 5월.hwp 29.00KB 재사정상담지(장영순)5월.hwp 30.50KB 2024.04.12 Re: 6월 재사정상담지 ㅡ정효숙 Re: 6월 재사정상담지 ㅡ신미애 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 dlog0518.tistory.com FE개발자의 잡다한 기술로그📚 컴포넌트 분리 기준, 재사용성에 대한 고민 :: 컴포넌트를 분리하는 이유? 리액트, 뷰 등에서는 컴포넌트는 다양한 역할을 한다. 어떤 컴포넌트는 UI 를 표현하고자 하고, 어떤 컴포넌트는 동작하는 로직을 담고 있을 수 있다. 또한 앞서 언급한 두 가지 역할 모두를 담고 있는 경우도 있다. 그리고 언급하지 않은 별도의 역할을 담고 있을 수 있다. 이처럼 컴포넌트는 재사용할 수 있는 최소 UI 단위이다. 웹에 따라 수행하려고 하는 역할이 복잡해지고 다양해질 수 있다. 이 때 생각해봐야할 것이 바로 **관심사의 분리(SoC, Separation of Concerns)**이다. 관심사의 분리란 복잡한 코드를 비슷 :: 컴포넌트의 정의 컴포넌트는 독립적인 단위모듈이다. (독립적인 단위 모듈이라는 것은 독립적인 실행이 가능하다는 것이다. 컴포넌트는 해당 기능에 대해서 독립적으로 수행이 될 수 있고, 새로운 모듈로 교환 될 수 있어야 한다.) 공통되는 부분을 모듈화 하여 재사용 할 수 있는 단위이다. 데이터를 뿌리기 위한 UI의 요소이다. (각 컴포넌트가 데이터 모델의 한 조각을 나타내도록 분리해야한다.) :: 컴포넌트 분리 기준 컴포넌트를 분리하는 기준은 프로젝트마다 기준점을 어디에 잡느냐에 따라 다양한 분리 기준이 존재할 수 있다. view 와 로직을 분리하는 경우도 있고 state에 따라서 분리하는 경우도 있는데 이외에도 컴포넌트를 분리하는 기준에 대한 다양한 설계 패턴들이 존재한다. :: 컴포넌트의 역할과 책임 컴포넌트로 나누어 개발하는 이유 어느 제품이든 UI에는 일정한 패턴을 두고 반복도는 요소들이 존재한다. 그렇기 때문에 반복되는 요소들을 매번 개발하기 보다는 미리 만들어둔 요소를 재사용하여 개발 리소스를 줄일 수 있다. 잘 추상화하여 만든 컴포넌트는 재사용 함으로써 개발하면 아주 효율적이다. 핵심 키워드는 잘 추상화하기이다. 추상화가 잘 이루어져야 필요한 곳에 적절하게 재사용하여 UI의 일관성을 유지하고 리소스를 절감할 수 있다. UI 를 결정짓는 요소들이 많기 때문에 많은 요소들 중 하나라도 달라지면 재사용... 1. 데이터 기반 컴포넌트 설계 외부로부터 주소 목록을 가져와 렌더링 하는 페이지를 컴포넌트로 분리해보자. // AddressPage.tsx function AddressPage() { const [addresses, setAddresses] = useState<주소[] | null>(null) const handleSaveClick = (id: string) => { // save } const handleUnsaveClick = (id: string) => { // unsave } useEffect(() => { :::: 데이터 중심으로 컴포넌트 분리하기 주소목록, 주소라는 두 개의 데이터를 기준으로 컴포넌트 분리를 해보면 아래와 같다. function AddressPage() { return ( <section> <h1>주소목록</h1> <AddressList /> /* 여기 주목 */ </section>) } function AddressList() { const [addresses, setAddresses] = useState<주소[] | null>(null); // call fetchAddressList const handle :::: 역할 중심으로 분리하기 // 2번 AddressItem function AddressItem({ id, address, saved }: 주소) { const handleSaveClick = () => { // save } const handleUnsaveClick = () => { // unsave } return ( <li key={id}> {address} <button onClick={saved ? handleSaveClick : handleUnsaveClick}> {save 2. 일반적인(제너럴한) 인터페이스 설계 앞서 데이터 중심으로 나누어 컴포넌트를 설계해 보았다. 재사용의 측면에서 보면 이 컴포넌트가 재사용이 가능한지, 변경에 대응할 수 있는지 살펴보아야 한다. 그러기 위해선 좋은 인터페이스를 가지고 있어야 하는데, 여기서는 props 와 컴포넌트의 네이밍이 인터페이스 역할을 수행하고 있다. 그렇다면 좋은 인터페이스란 무엇일까? :::: 컴포넌트의 인터페이스 인터페이스는사용하는 쪽을 위한 것이다. 컴포넌트는 사용하는 쪽에선 인터페이스를 보고 어떻게 동작할지 예측 가능해야 한다. :: 2-1. 도메인을 모르는 컴포넌트 위의 예시에서 분리한 컴포넌트들은 ‘주소’라는 도메인을 가진 페이지에서만 사용할 수 있다. 같은 도메인 아래에서 데이터 그리고 역할에 따라 의존성은 잘 분리했지만, 특정한 도메인을 알고 있는 컴포넌트 이기 때문에 다른 도메인에서는 재사용할 수 없다. 예를 들어 주소 목록을 보여주는 UI는 같은데 데이터의 종류만 다른 페이지가 있다면 사용자에게 보이는 인터페이스는 동일하더라도 컴포넌트를 새로 만들어야 한다. :::: 1. 결합되어 있는 의존성 재사용이 불가능한 이유는 컴포넌트가 ‘주소’라는 특정 도메인과 강하게... :: 2-2 응집도 있는 컴포넌트 변경에 대응할 수 있으려면, 컴포넌트 내부보다 외부로 노출되는 것에 신경을 써야한다. 컴포넌트가 외부로 노출하고 있는 정보는 Props(interface)와 컴포넌트의 네이밍이다. 이것들은 컴포넌트의 역할을 이해하는데 큰 도움을 주게 된다. 따라서 정의한 인터페이스의 정의에 한 가지를 더 추가할 수 있다. 인터페이스 인터페이스는 사용하는 쪽을 위해 존재한다. 사용자는 인터페이스를 보고 컴포넌트의 역할을 예측할 수 있다.(===인터페이스를 보고 예측가능해야 한다.) 인터페이스는 외부와의 의존성을 만든다. 캡슐화, 내부의 구현... 리액트, 뷰 등에서는 컴포넌트는 다양한 역할을 한다. 어떤 컴포넌트는 UI 를 표현하고자 하고, 어떤 컴포넌트는 동작하는 로직을 담고 있을 수 있다. 또한 앞서 언급한 두 가지 역할 모두를 담고 있는 경우도 있다. 그리고 언급하지 않은 별도의 역할을 담고 있을 수 있다. 이처럼 컴포넌트는 재사용할 수 있는 최소 UI 단위이다. 웹에 따라 수행하려고 하는 역할이 복잡해지고 다양해질 수 있다. 이 때 생각해봐야할 것이 바로 **관심사의 분리(SoC, Separation of Concerns)**이다. 관심사의 분리란 복잡한 코드를 비슷 2024.03.01 티스토리 검색 더보기 brunch.co.kr 솔바람 홍익인간 전당이야기 2 - 2-1. 재사(再思) 전기 홍익인간 전당(弘益人間 殿堂)이야기는 두 번째 주인공으로 선인(仙人) 중의 한 명인 재사(再思)를 명예의 전당에 올린다. 재사는 한민족 최초의 국가로 인식되는 고구려의 건국 공신 중 역사의 전면에 나서지 않은 한민족 최초의 무명인사이고, 재사의 생을 통하여 고구려 건국 역사와 당시 왕들의 행적을 살펴볼 수... 한국사 고구려 부여 2023.11.14 브런치스토리 검색 더보기 story.kakao.com 하오나 하오나 - 카카오스토리 20 출발시간은 1시간 지체되었고 귀가는 1시 30분쯤에 (무박2일 산행이라나?) ... 산행코스 : 용추계곡*골치재사거리* 골치산작은봉*골치산큰봉* 정상삼거리*일림산정상* 보성강발원지사거리*발원지*용추계곡 3... 2024.05.12 카카오스토리 검색 더보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 GoF의 디자인 패턴 :재사용성을 지닌 객체지향 소프트웨어의 핵심요소 저자 에릭 감마 외 출간 2015.3.26. 도서 25,740원 조선왕조정재사연구(양장본 HardCover) 저자 송방송 출간 2013.7.30. 도서 45,000원 재사당선생일집 망헌선생유고 용재선생유고 동계실기 저자 이원 외 출간 2017.7.25. 재사당선생일집 망헌선생유고 용재선생유고 동계실기(초기사림파문집역주총서... 저자 이원 외 출간 2014.7.30. 도서 27,900원 리액트 훅 인 액션 저자 John Larsen 출간 2024.3.29. 도서 27,000원 GoF의 디자인 패턴(개정판) 저자 에릭 감마 외 출간 2011.11.1. 공업열역학(문제풀이집) 저자 노승탁 출간 1989.3.1. 회로이론 문제풀이 서브노트(삼정판) 저자 박송배 출간 1990.3.1. 공업열역학(문제풀이집)(서브노트) 저자 노승탁 출간 1989.3.1. 즉석영어회화 900 저자 SEOUL ENGLI... 출간 1996.11.20. 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
간명재사주 blog.naver.com/seban70 신청자 작성 네이버 블로그 사주 작명 택일 궁합 운세 풍수 관상. 영진서적울산교재사 zerousn8439.alltheway.kr 신청자 작성 출판. 울산 남구 봉월로50번길 28-1. 초중고 교재, 문제집, 소설, 책, 인문학. 수원종합폐차장 jhpecha.co.kr/ 자동차 해체 재활용 기업. 자동차폐차, 중고부품, 해체재활용, 재사용품, 폐차장. 사이트 더보기