본 자료는 검색 제외 처리를 위해
부득이하게 멤버 공개로 변경될 예정입니다 (24일 오후 2시경부터~)
회원가입 (이메일 인증) 만 하면 바로 내용 확인하실 수 있으니 양해 부탁드립니다!

추가 자료

용어 해설

1.MD 파일(Markdown 마크다운)이란?

일반 텍스트 문서를 구조화된 HTML로 변환하기 위해 만들어진 경량 마크업 언어로 씌여진 파일
텍스트 파일인데, 몇가지 규칙을 적용해 구조화된 텍스트 파일(확장자가 .txt 가 아닌 .md)
- **굵게** → 굵게
- ~~취소선~~ → ~~취소선~~

2.Github이란?

개발자들이 쓰는 코드 저장소.
내 코드(스킬 포함)를 올릴 수도 있고, 다른 사람의 코드묶음(공개인 경우)을 다운받을 수도 있다.

PDF에서 디자인시스템 추출하는 프롬프트

이 pdf와 동일한 스타일의 보고서 (html기반)를 생성하는 디자인 시스템 .md를 만들고 싶어. 

주의사항 : 

- 올려진 이미지를 직접보고 분석해. 
- 컴퓨터 도구로 다시 래스터라이즈 하지마.
- 먼저 텍스트로 출력하고 내가 확인하면 그때 별도 파일 말고, 복붙할 수 있는 md형식 코드로 만들어줘

다음의 아웃풋 포맷을 참고해서 만들어줘. 참고로 너는 사람보다 비주얼 파악 능력이 좀 떨어지니까 만들고 나서 잘 만들었는지 내가 크로스체크할 수 있게 중요한 부분들을 나한테 다시한번 물어봐줘. (이렇게 작성했는데 이게 맞는지)

# 핵심 디자인 시스템

## 컬러 팔레트

## 타이포그래피


# 공통 css 스타일 추출 

## 공통
- 브랜드 컬러 
- 타이포그래피
- 테이블 / 카드 
- 간격

## 여백 
- 마진 
- 패딩
- 박스 사이징

# css 스타일

## body 기본 스타일 
- 서체
- 컬러
- 백그라운드
- 가로 / 세로 사이즈

## 헤더 스타일
- 정렬 / 여백
- 폰트 사이즈, 컬러, 굵기
- 선 굵기, 색, 여백

## 테이블 스타일
- 너비 
- 좌 우 테두리 (유무 / 굵기 , 스타일, 컬러) 
- 상 하 테두리 (유무 / 굵기 , 스타일, 컬러)
- 기본 폰트 사이즈, 굵기, 컬러
- 여백 (상.하.좌.우)
- 테이블 헤더 스타일 (폰트 사이즈 , 굵기, 컬러)

## 기타 (정보 박스 등) 
- 각 요소별 배경 색, 테두리 , 패딩, 폰트 사이즈, 굵기, 폰트 컬러 , 여백 등


# 디자인 체크리스트

## 피해야 할것

## 권장 슬라이드 구성