라이브러리
- 자주 쓰는 기능을 미리 만들어 둔 코드 모음
- 미리 설정해둔 템플릿을 사용하면 웹사이트를 빠르게 구축할 수 있음
반응형 (반응형 웹)
- 화면 크기와 기기 환경에 따라 웹 화면이 자동으로 변하는 방식
pc, 태블릿, 모바일pc, 태블릿, 모바일
* 반응형 웹의 핵심 요소
- 유동 레이아웃
: px 대신 %, vw, vh 사용
: 화면 크기에 따라 너비가 자동조절됨 - 미디어쿼리
: 화면 크기에 따라 CSS 분기
: 모바일 / 태블릿 / PC 구분
반응형 vs 적응형
-
반응형 웹
: 화면 크기에 맞춰 웹 페이지의 레이아웃을 유동적으로 변경 (모든 화면 크기 대응)
장점 - 코드 유지보수가 쉽고, 하나의 페이지로 모든 기기를 커버할 수 있어 효율적
단점 - 모든 요소가 동적으로 크기를 변경되어야하므로 성능 문제나 구현이 어려울 수 있음 -
적응형 웹
: 사용자 기기의 화면 크기를 감지하여 그에 맞는 고정된 레이아웃을 제공
장점 - 특정 화면 크기에 최적화 된 레이아웃을 주기 때문에 성능이 더 좋을 수 있음
단점 - 다양한 크기 별로 준비해야 하기 때문에 코드가 복잡하고 유지보수가 어려움(유연성 떨어짐)
미디어 쿼리 @media
- 자주 사용하는 조건
- max-width : 화면이 이 값보다 작을 때
- min-width : 화면이 이 값보다 클 때
- 둘 다 : ( min-width: 768px ) and ( max-width: 1023px )
-> 768px 이상이고 1023px 이하일 때
@media (max-width: 600px) {
header > .menu_box > ul {
flex-direction: column;
}
}-> 너비가 600px보다 작을 때 세로로 변경됨
LLM의 핵심 기능
- LLM(Large Language Model)
: 아주 많은 양의 텍스트 데이터를 학습한 인공지능 모델
: ChatGPT가 대표적인 LLM 모델
1. 텍스트 요약 - 긴 글을 핵심만 요약
- 추출적 요약 : 원문에서 핵심 문장만 뽑아서 요약
- 생성적 요약 : 내용을 이해하고 새로운 문장으로 요약
2. 정보 추출 - 고유명사, 사건, 관계 추출
- ex) 고유명사, 관계, 사건에 따라서 내용을 분류해줘
3. 묻고 답하기 - 질문하면 답하기
- ex) 2026년도 상반기 웹디자인 예상 트렌드는 뭐야?
4. 텍스트 분류 - 글의 감정, 의도 분류
- 감정 분류 : 글이 긍정인지 부정인지 판단 (여행 계획 짰는데 기대돼)
- 목적 분류 : 글의 의도가 무엇인지 파악 (오늘 점심 메뉴 추천해줘)
5. 대화 - 역할극 대화, 시나리오 생성
- ex) 너는 깻잎 논쟁에서 반대 입장이야. 나랑 대화해보자
6. 추론 - 정보로부터 논리적 판단
- ex) 12 45 34 66 9 4 이 숫자에서 홀수를 찾아 곱하면 짝수일까, 홀수일까?
