https://readme.skplanet.com/?p=12611
안녕하세요. SK Planet FE개발자 윤지수입니다.
사내에서 진행했던 ‘재사용 UI 컴포넌트 설계’ 발표자료를 공유합니다.
소프트웨어 개발에서 소스코드나 컴포넌트의 재사용은 희망처럼 쉽진 않습니다.
화면과 인터랙션에 민감함 UI 개발의 재사용은 특히나 더 어려운 문제 같습니다.
또한 재사용성을 너무 고려하면 무거운 컴포넌트가 되어 버리기 쉽습니다.
최근 ‘검색 자동완성’이라는 컴포넌트를 개발하면서 고민한 경험을 공유합니다.
UI 개발이 아니더라도 일반적인 프로그램 설계 관점에서 참고가 되면 좋겠습니다.
[발표자료]
[동영상자료]
[코드]
https://github.com/skplanet/sweetsearch/
#contributor는 누구나 되실 수 있답니다
제목 | 날짜 | |
---|---|---|
코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) | 2018/01/03 | |
jQuery를 배울수 있는 동네들입니다. | 2013/08/09 | |
관련 링크 [1] | 2010/05/23 | |
55 | [크로스브라우징] Azure Remote App | 2015/08/31 |
54 | [크로스브라우징] browserstack | 2015/08/31 |
53 | [크로스브라우징] 웹개발자를 위한 크로스브라우징 테스트 사이트, browsershots.org [1] | 2015/08/31 |
52 | [Form] form 태그의 기본적인 사용방법 | 2015/08/31 |
51 | [웹폰트] 모빌리어스 웹폰트 사용하기 | 2015/11/19 |
50 | [svg] SVG 표현하는 5가지 방법 | 2015/11/26 |
49 | [svg] SVG 소개 | 2015/11/26 |
48 | [svg] 점점점 more 아이콘 svg 파일 | 2015/11/26 |
47 | [svg] svg 제공 사이트, thenounproject.com | 2015/11/26 |
46 | [svg] 간단한 예제, 네모난 박스 svg | 2015/11/26 |
45 | [svg] jenkov svg tutorial | 2015/11/27 |
44 | [svg] svg 색깔 칠하기 | 2015/11/27 |
43 | [부트스트랩] [부트스트랩UI] http://lambdathemes.in/ | 2015/12/18 |
42 | [부트스트랩] metronic_v4.5.2 UI bootstrap | 2015/12/18 |
41 | [프레임워크] igniteui | 2015/12/24 |
40 | [프레임워크] SK플래닛 부트스트랩 기반 UI프레임워크, 코너스톤 [1] | 2015/12/26 |
39 | [부트스트랩] 부트스트랩에서 margin-top 은 어떻게 표현할까? | 2016/06/05 |
38 | [부트스트랩] 부트스트랩 커스텀 padding, margin | 2016/06/05 |
37 | [부트스트랩] 부트스트랩 COLLAPSE 아코디언 효과 | 2016/06/15 |
36 | [부트스트랩] Admin & Dashboard | 2016/06/22 |