Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[3.0] docs 샘플 페이지 로직 리펙토링 #651

Closed
kdeun1 opened this issue Sep 25, 2020 · 0 comments
Closed

[3.0] docs 샘플 페이지 로직 리펙토링 #651

kdeun1 opened this issue Sep 25, 2020 · 0 comments

Comments

@kdeun1
Copy link
Contributor

kdeun1 commented Sep 25, 2020

No description provided.

kdeun1 pushed a commit that referenced this issue Sep 25, 2020
[#651] Docs Sample Page 로직 리펙토링
e84df95 
################
- dynamic import에 필요한 path는 변수가 아닌 리터럴 스트링값만 허용되므로 path를 조합할 수 없음.
- docs 페이지 내 각 컴포넌트에서 raw-loader를 통한 파일 내 텍스트 값을 가져와 자식 컴포넌트로 넘겨주는 구조 구성
- raw-loader, dynamic import를 통해 파싱된 텍스트(md파일, 코드 내용) 및 컴포넌트별 정보들을 v-bind를 사용하여 props값으로 내림
- 각 페이지에서 사용되는 공통 Example 컴포넌트 코드 리펙토링 및 dynamic import로 인한 딜레이로 인해 하이라이트 사용자지정 디렉티브의 훅을 mounted에서 updated로 변경
- 페이지 하단의 API 문서 markdown 텍스트도 dynamic import로 인해 반환된 값의 반응형 참조 값을 받아 적용될 수 있도록 computed 로직 추가
kdeun1 pushed a commit that referenced this issue Sep 25, 2020
[#651] Docs Sample Page 로직 리펙토링
2d7549d 
################
- 불필요한 바인딩 값 제거
kdeun1 pushed a commit that referenced this issue Sep 25, 2020
[#651] Docs Sample Page 로직 리펙토링
3277f63 
################
- 중복되는 템플릿을 가진 템플릿을 리펙토링하여 하나의 페이지에서 라우터의 props를 넘겨서 선택한 메뉴와 관련있는 화면이 나오도록 로직을 변경
- dynamic import를 없애고 사용자지정 디렉티브의 훅도 원복
- docs > views > [컴포넌트명] 폴더 내 index.vue를 없애고 라우터에서 props로 넘길 정보만 `props.js` 생성
kdeun1 pushed a commit that referenced this issue Sep 25, 2020
[#651] Docs Sample Page 로직 리펙토링
d40a04c 
################
- 현재까지 개발된 docs의 컴포넌트 페이지에 router를 통한 props넘기는 로직 적용
- icon의 경우 샘플코드가 없으므로 PageView에서 현재 route name이 Icon인지 아닌지에 따라 IconList 컴포넌트를 보여주도록 설정
- 불필요한 파일 삭제
kdeun1 pushed a commit that referenced this issue Sep 25, 2020
[#651] Docs Sample Page 로직 리펙토링 (#652)
602c2d6 
* [#651] Docs Sample Page 로직 리펙토링
################
- dynamic import에 필요한 path는 변수가 아닌 리터럴 스트링값만 허용되므로 path를 조합할 수 없음.
- docs 페이지 내 각 컴포넌트에서 raw-loader를 통한 파일 내 텍스트 값을 가져와 자식 컴포넌트로 넘겨주는 구조 구성
- raw-loader, dynamic import를 통해 파싱된 텍스트(md파일, 코드 내용) 및 컴포넌트별 정보들을 v-bind를 사용하여 props값으로 내림
- 각 페이지에서 사용되는 공통 Example 컴포넌트 코드 리펙토링 및 dynamic import로 인한 딜레이로 인해 하이라이트 사용자지정 디렉티브의 훅을 mounted에서 updated로 변경
- 페이지 하단의 API 문서 markdown 텍스트도 dynamic import로 인해 반환된 값의 반응형 참조 값을 받아 적용될 수 있도록 computed 로직 추가

* [#651] Docs Sample Page 로직 리펙토링
################
- 불필요한 바인딩 값 제거

* [#651] Docs Sample Page 로직 리펙토링
################
- 중복되는 템플릿을 가진 템플릿을 리펙토링하여 하나의 페이지에서 라우터의 props를 넘겨서 선택한 메뉴와 관련있는 화면이 나오도록 로직을 변경
- dynamic import를 없애고 사용자지정 디렉티브의 훅도 원복
- docs > views > [컴포넌트명] 폴더 내 index.vue를 없애고 라우터에서 props로 넘길 정보만 `props.js` 생성

* [#651] Docs Sample Page 로직 리펙토링
################
- 현재까지 개발된 docs의 컴포넌트 페이지에 router를 통한 props넘기는 로직 적용
- icon의 경우 샘플코드가 없으므로 PageView에서 현재 route name이 Icon인지 아닌지에 따라 IconList 컴포넌트를 보여주도록 설정
- 불필요한 파일 삭제
@mmindy mmindy closed this as completed Oct 19, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@kdeun1 @mmindy