viewport

코딩자율학습단 19기 | 2주차 총정리 – CSS 선택자 심화 + 레이아웃/효과 + 반응형 + JS 시작

작성자:

2주차 한 줄 결론 CSS에서 “선택자 → 배치(레이아웃) → 효과(애니메이션/변형) → 반응형(뷰포트/미디어 쿼리)” 흐름으로 웹 화면을 설계하는 감각을 잡았고, 마지막에는 자바스크립트의 기본 연결 방식과 오류 확인 루틴까지 시작했습니다. 이번 주 진행 범위 일일 학습일지 인덱스 이번 주 핵심 개념 TOP 5 TOP 1)CSS 선택자 심화 TOP 2)CSS 스타일 속성 기본기 TOP 3)레이아웃 배치 TOP 4)효과 … 더 읽기

코딩자율학습단 19기 | 9일차 학습일지 – 반응형 웹(미디어 쿼리) + 그리드 배치 + 정렬 속성

작성자:

오늘 학습 정보 오늘의 핵심 키워드 3개 태그/속성/개념 정리(가장 중요) 2-1) 플렉스 박스 레이아웃(Flexbox) 핵심 플렉스 박스 구성 요소 역할: 1차원(가로 또는 세로) 레이아웃 정렬/배치를 쉽게 만드는 모델 핵심 포인트: 기본 형식: 짧은 예시(코드): flex-direction (주축 방향 결정) 역할: 아이템이 쌓이는 방향(주축)을 지정 핵심 포인트: 기본 형식: 짧은 예시(코드): flex-wrap (줄 바꿈 여부) 역할: 아이템이 … 더 읽기