본문 바로가기

전체 글56

2024. 08. 13 UIUX 웹 19일차 [1교시]- inline-block - 부모화 돼서 글자가 최소화 됌 / 한줄에 같이 배치(text)- hover : 박스에 마우스 커서를 올렸을 때 색이 바뀌는 것 82강복습inline-block  Create a New PenBehavior Auto Save If active, Pens will autosave every 30 seconds after being saved once. Auto-Updating Preview If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update. Format on Save If enabled, your cocodepen.io코드 몽.. 2024. 8. 13.
2024. 08. 12 UIUX 웹 18일차 => 문제를 풀면서 수업(정답 x)   https://www.slog.gg/p/13684#f SBS 아카데미, UI/UX/웹디자인 과정공개여부 제목 SBS 아카데미, UI/UX/웹디자인 과정 전체화면 내용 SBS 아카데미, UI/UX/웹디자인 과정, 전체화면 댓글(0) SBS 아카데미, UI/UX/웹디자인 과정 에 대한 댓글 loading...www.slog.gg- 수업페이지 주소(기억!, 카톡이나 메모장에 기록)- 수업 중 녹화_ 유튜브에 업로드(일부 공개기 때문에 위 주소로 클릭해서 확인)ㄴ 장희성 강사님 수업페이지   https://www.slog.gg/p/13144#82%EA%B0%95 HTML, CSS공개여부 제목 내용 댓글(0) HTML, CSS 에 대한 댓글 loading...www.slog.. 2024. 8. 12.
2024. 08. 09 UIUX 웹 17일차 id 선택자 -> #class 선택자 -> . ㄴ세로 우측 정렬ㄴ 여백 설정ㄴ 언어설정(글꼴: 프리텐다드, 높이: 700px) 구글 심볼https://fonts.google.com/icons Material Symbols and Icons - Google FontsMaterial Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.fonts.google.comㄴ 저작권 안전 ㄴ음수 2024. 8. 9.
2024. 08. 08 UIUX 웹 16일차 - 구글 폰트는 html에 적용해야 함 - 한글폰트는 영문폰트까지 지원 해주는 경우가 많다. 반대로 영문폰트는 한글폰트를 지원하지 않는다. ㄴ font-family: 영문, 한글, sans-serif; 1) 스타일 가이드 파악ㄴ 라이브러지  [피그마 이미지 저장]ㄴctrl 누르고 이미지 선택ㄴexport 추가 버튼 눌러서 png로 export 만들어 놓은 파일에 저장  svg 확장자1. top-bar 2.  ㄴ 똑같이 안 맞춰 주면 밀리는 현상 발생 ㄴ 사용자 메뉴, 로고 박스 둘다 너비 같게 지정3. img 태그alt-->이미지 경로가 실패했을 때 알려주는 용도임(꼭 사용 !!!!)ㄴㄴimg 태그 중에 간혹가다가 알 수 없는 이유로 여백이 나오지 않는다.  - 안나오면 안쓰면 됨 / 대부분 나옴ㄴ미리보.. 2024. 8. 8.
2024. 08. 07 UIUX 웹 15일차 [포트폴리오]- 포트폴리오도 상업적인 용도로 사용된다.- 디자인으로 활용하기 전 폰트 두께 먼저 확인 후 사용한다.- 폰트마다 사용할 수 있는 두께가 다르다.ㄴ 기본값) 300 or 400, 500, 700 적어도 세 가지 이상을 가지고 있는 폰트를 본문폰트로 선정하는 것이 좋다.  [폰트]- 상업적인 용도로 사용 가능한 폰트들만 사용해야 한다.ㄴ 다폰트에는 상업적으로 사용 가능한 무료가 있고, 상업적으로 사용 불가능한 무료 폰트가 있다.ㄴ 잘 확인하고 사용하지 않으면 내용 증명서가 날아올 수 있다. [눈누]- 상업적으로 사용 가능한 폰트들만 모아놓은 사이트ㄴ 포트폴리오 제작시 활용하면 좋다.ㄴ 유행하는 폰트들은 눈누 모근 폰트 순위에서 확인하면 바로 파악할 수 있다. https://noonnu.cc/ .. 2024. 8. 7.
2024. 08. 07 UIUX 웹 16일차 2024. 8. 7.

티스토리툴바