멋사
-
[멋쟁이사자처럼] 실습 - 수능표 만들기 (table)Front-end 개발 2023. 7. 13. 15:52
목차 1. 주제 2. 사용된 주요 태그와 속성들 3. 코드 1. 주제: 수능표 만들기 html/css 의 를 활용해서 수능표 만들기를 해본다. 단순히 아래 수능성적표를 만들면 된다. 2. 사용된 주요 태그와 속성들 (1) - border-collapse: clollapse; - table-layout: fixed; (2) - caption-side: bottom; (3) (4) (5) , - rowspan="2" - colspan="2" (6) 3. 코드 2023 학년도 대학수능능력시험 성적통지표 구분 한국사 영역 국어 영역 수학 영역 영어 영역 탐구영역 제 2 외국어 /한문 영역 선택과목 화문과 작문 확률과 통계 생활과 윤리 지구과학1 독일어 표준점수 131 137 53 64 백분위 93 95 75 9..
-
[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 8일차 기록 및 복습Front-end 개발 2023. 7. 12. 08:55
목차 1. flex 복습 2. 실습 Card2 3. 버튼 4. 피그마 5. 디자인 요소 살펴보기 6. 벡터와 비트맵 7. 피그마 실습 1. flex 복습 flex-grow 는 글자수의 길이에 영향을 미쳐 정확한 비율 맞추기가 어렵다. 이때 부모에 flex-basis:0 을 주면 균등하게 flex-grow 를 줄 수 있다. 2. 실습 Card2 - validator.w3.org 에서 마크업 검사 실행 - button:enable {cursor:pointer} / button:disabled {} - display: flex 속성이 있을 경우, 너비값 고정없이 유연하게 처리하기 때문에 text-overflow 가 안먹힐 수 있다. (width 고정값을 주던지, 넘치는 요소 컨테이너를 만들어 그곳에서 over..
-
[멋쟁이사자처럼] 실습 - 박스꾸미기Front-end 개발 2023. 7. 7. 16:32
목차 1. 과제 내용 2. 문제 풀이 3. 코드 1. 과제 내용 멋쟁이사자처럼 프론트엔드 스쿨 7기 첫번째 주 HTML/CSS 강의가 끝났다. 이번주는 HTML/CSS 입문과 Git/Github 기초를 배웠다. 강의 계획서와 달리 HTML/CSS 는 3주간 배울 것으로 예상된다. 학습의 연속성과 복습을 위해서 멋쟁이사자처럼에서는 매주 과제를 내주는 것 같다. 과제는 필수와 일반으로 나뉘는데, 이번주는 일반 과제이다. 필수과제의 경우 채용을 고려중인 기업에 공개되는 것 같다. 이번주 과제는 아래와 같다. 1-1. 과제명 - 박스 꾸미기 1-2. 상세 내용: - 오늘 배운 것들을 활용하여 박스를 만들어보세요! - 사이즈, 컬러는 자유롭게 해주세요. 정확한 컬러나, 폰트가 일치하지 않아도 됩니다. - 7/10..