https://velog.io/@hansom_0/display-flex-%EA%B0%9C%EB%85%90
에서 이어집니다
- 부모에게 줄 수 있는 것
1. display: flex;
- 무조건 부모에게 지정
2. flex-direction
- row; 또는 column;
3. flex-wrap
- 기본값: nowrap; 줄바꿈 X
- wrap; 줄바꿈 O
4. justify-content / align-items
- 기본값 : stretch - 자식이 부모의 높이,길이를 따라감
- flex-start, flex-end, center
- space-between - 자식 사이에 여백을 줌
- space-araound - 자식 주변에 여백을 줌
- 자식에게 줄 수 있는 것
1. align-self
- 자기 자신만 정렬함
- 기본값: auto(부모의 aling items를 따름)
- 부모 4번과 동일한 옵션 선택 가능
2. flex-grow
- 부모의 남은 여백을 채움
- 상대값 - 숫자가 더 큰 자식이 더 많은 여백을 차지함
3. flex-shrink(flex)
- 너비를 고정함
- 기본값: 1 -> 0으로 변경하면 너비가 변경되지 않음
4. flex-basis
- 너비를 지정함
- auto, px, em 등
프롬프트 종류
1. 부정문 프롬프트
- 안경없는 고양이 -> 맨얼굴, 동그란 눈, 깔끔한 얼굴의 고양이
- 오히려 부정에 집중해서 잘못된 결과가 나올 수 있음
2. 긍정문 프롬프트
- 리본을 단 고양이
- 원하는 결과를 좀 더 정확하게 얻을 수 있음
3. 페르소나 프롬프트 (역할 부여)
- 너는 [역할] 이야. 목적은 [목적], 대상은 [누구], 결과물은 [형식][톤]
4. In-context Learning (문맥 속 학습)
- 핵심 포인트 3가지
: 문맥 속 학습 - 앞에 나온 지문 / 조건 / 예시를 기준으로 삼음
: 별도 학습 없이 문제 해결 - 모델 내부를 새로 학습X, 지금 제공된 정보를 가지고 해결하는 형태
: 즉석 학습 - 시험장에서 지문읽고 바로 푸는 것처럼 프롬프트 안의 규칙을 즉시 흡수해서 답함
