본문 바로가기

분류 전체보기

(78)
윈도우 단축키 정리 📌 윈도우 키(Win) 단축키 의미 정리 단축키 의미 (알파벳 유래) 기능 Win + DD = Desktop바탕화면을 표시하거나 원래 창으로 복귀Win + EE = Explorer파일 탐색기 열기Win + RR = Run실행 창 열기Win + LL = Lock화면 잠금 (Lock)Win + MM = Minimize모든 창 최소화Win + Shift + MM = Minimize (반대 동작)최소화한 창을 다시 복원Win + PP = Projection화면 출력 모드 선택 (프로젝터, 듀얼 모니터 설정 등)Win + UU = Utility (Ease of Access)접근성 센터 열기Win + XX = eXtra (빠른 메뉴)고급 메뉴(빠른 실행 메뉴) 열기Win + VV = View Clipboard..
웹 _ 085일차[웹디기능사(실기)준비 (html 28~32강)] div에 text-aline을 적용하면 div에 있는 글자 갯수는 [ "글자 수" + "Enter or Space"(단1회) + ""(태그의 갯수대로)] 이런 형식으로 인정된다. html에서 아무리 enter나 space를 쳐도 공백은 딱 한칸만 적용된다.위의 캡쳐화면으로 설명하자면안+녕+(Enter)+하세요 = 총 5개의 글자라고 인식되는 셈이다. Non-Breaking Space(줄 바꿈이 되지 않는 공백)줄바꿈이 되는 태그와는 확실히 차이가 있다.
웹 _ 084일차[웹디기능사(실기)준비 (html 25~27강)] 중괄호 안에 있는것들은 엘리먼트라고 부름와의 부모인 div에게 text-aline:center를 주면?는 기본적으로 inline속성을 가져서 한줄 정렬이 되는데 (inline은 글자화라고 생각하면 편함)은 block이기 때문에에게만 적용된다. 초보자가 가장 많이 하는 실수는 display:inline을 줘서 좌우 공간이 없게 만들어놓고  text-aline:center를 주는 것..가장 의미없는 짓이다.  [서비스 경험 디자인 조사 및 시나리오 개발] *능력단위 외 다른 학습 X *가상의 사용자를 설정해 서비스 경험 과정이 새로운 서비스 아이디어의 핵심 요소가 드러나도록  서비스 단계별 시나리오를 개발하는 능력 - 팀 회의, 사진 편집, 시각적인 형태 제작 진행 - 팀 또는 개인 프로젝트/ 시각화 소프트..
웹 _ 083일차[웹디기능사(실기)준비 (html 22~25강/선택자 정리)] html = Hypertext Markup Languagecss = Cascading Style Sheetshref = Hypertext Reference  (html에서 쓰이는) 01. 전체 선택자 (*)02. 태그 선택자 (해당태그 기입)03. 클래스 선택자 (.)04. 아이디 선택자 (#)05. 하위 선택자 (공백) 아래에 있는 모든 선택자06. 자식 선택자 (>) 바로 아래에 있는 선택자07. 형제 선택자 (~)08. 인접 형제선택자 (+)09. 그룹선택자 (,)10. 속성선택자 (속성)------------------------------------------------------------ -- 젠코딩 예시 -- div>ul*3>li*3>a[href="#"][target="_blank"]{$$..
웹 _ 082일차[웹디기능사(실기)준비 (html 19~22강)] 숫자만 선택하고 [ ctrl + ↕ ] 누르면 숫자가 바뀐다  : break the line (줄 바꿈): horizontal rule (수평선) Q. 결과적으로 같은 효과를 주는 태그는 서로 무슨차이가 있나?한글자짜리 태그는 단순히 시각적으로 표현만 하는 느낌 (디자인적인 효과만 제공)여러글자로 된건 구조적인 의미도 함께 부여 (스크린리더기가 더 잘 이해, 검색엔진에 영향을 주는 식) css에서도 text-decoration 속성을 이용해 underline(밑줄) / line-through(취소선) 등을 표시할 수 있다. a는 감싼 코드를 링크 버튼으로 만들어줌 (a는 다른 글자들과 한 줄에 나와야하기에 display: inline-block이라는 기본 속성을 가진다.)코드펜에서 a태그로 링크를 넣은 ..
웹 _ 081일차[웹디기능사(실기)준비] - block   - 너비 : 너비가 지정되어 있지 않으면, 최대한 유연하게 늘어난다.   - 높이 : 높이가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다.   - 배열방향 : 한줄에 무조건 1개 - inline-block (특성상 너비를 안정해주면 0이 된다)  - 너비 : 너비가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다.   - 높이 : 높이가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다.   - 배열방향 : 한줄에 최대한 여러개display 속성 정리(이건 복붙용)너비가 설정되어 있지 않다면, 최소한으로 줄어든다.너비가 설정되어 있지 않다면, 최대한으로 넓어진다.없어진다.높이가 설정되어 있지 않다면, 최소한으로 줄어든다.높이가 설정되어 있지 않다면, 최소한으로 줄어든다.없어..
웹 _ 079일차[웹디기능사(실기)2강 정리(+시험 관련 숙지사항 정리)] 희성쌤 왈: 실기 문제는 정해져있는 14가지중에 몇가지가 추려나옴https://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798# ↑ 여기에 pdf파일 올라와있음(2022.01.01 ~ 2024.12.31)「JUST 쇼핑몰」 웹사이트 개선을 위한 메인페이지 제작 「Green복지재단」 홍보를 위한 웹사이트 제작 「강원천문대」 홍보를 위한 웹사이트 제작 「유진건설」 홍보를 위한 웹사이트 제작 「대한은행」 홈페이지 제작 「대한투어」 홈페이지 제작 「세계의 미술작품」 홈페이지 제작 「산업대학교」 웹사이트 개선을 위한 메인페이지 제작 「해운대 빛축제」 웹사이트 개선을 위한 메인페이지 제작 「부여 가을연꽃축제」 홍보를 위한 홈페이지 제작 「남도맛기행 축제」 웹사이트 개선을 위한 ..
웹 _ 078일차[웹디기능사(실기)1강 정리(+혜지쌤 수업 간단필기)] (희성쌤 시간에 제출)# TMS 능력단위평가 이름 : '프로토타입 제작 및 사용성 테스트' # 파일 압축 후 업로드  - main_pc.png  - main_mobile.png  - sub1_pc.png  - sub1_mobile.png  - sub2_pc.png  - sub2_mobile.png  - ...------------------------------------------- ↓ 혜지쌤 스와이퍼 주석 필기 ↓ ----------------------------------------------flex-item은 max-width를 정상적으로 사용할 수 없다. → width:100%랑 같이 사용한다 flex-shrink:1; flex-item은 max-width를 사용하지 않아도 flex-shrin..