2024. 08. 01. UIUX 웹 12일차
[4교시]
1) flex-grow 1:1 안쪽요소 크기 다를 때
ㄴ결과
2) just-content: space-between; 예제
ㄴ결과
3) flex-direction 예제
ㄴ결과
[5교시]
* 파일과 폴더
[파일]
- 확장자가 붙어있는 것들을 파일
예시)
- jpg
- png
- html
- css
[폴더]
- 파일을 정리해주는 역할
- vscode(비주얼스튜디오 코드)에서는 폴더를 먼저 열고 그 안에서 html, css등 파일을 만들어줘야 한다.
[파일탐색기]
ㄴ window + 영문 + E
[돋보기]
ㄴ Window+S
[비쥬얼코드]
- Ctrl + B / 탐색기 닫기
- Ctrl + , / 줄바꿈
- 폴더 생성 → 새 메모 생성 → Iindex.html로 이름 변경 → 연결 프로그램
- 크롬으로 설정
- 폴더 빈 곳에서 마우스 오른쪽으로 vscode 프로그램 실행
* 비주얼 스튜디오 세팅
- 파일 →기본설정 →설정에서 front-weight > bold, line-height > 1.7
[화면 전환]
ㄴ Alt + Tab
[DOCTYPE 선언]
ㄴ !+Tab
[css 파일 연결하기]
- head태그 안에 link태그 생성 후 href=""→ 쌍따옴표 안에다가 css파일 이름을 작성한다.
[언어설정]
- 한국어로 설정하는 경우 lang값을 ko입렵한다.
- 웹 표준에 맞게, 접근성에 맞게 퍼블리싱 할 것
- 화면이 작은 사용자를 위해 그리드에 맞게
- 시험칠 때 주석으로 표시해주기. css도 마찬가지.