코딩자율학습단 19기 활동 과정과 결과를 정리합니다.
1주차 한 줄 결론 HTML로 웹페이지 구조(문서/텍스트/목록/링크/폼/시맨틱) 를 잡았고, 마지막 날에는 CSS를 처음 적용하면서 스타일을 붙이는 3가지 방법을 정리했습니다. 이번 주 진행 범위 일일 학습일지 인덱스 이번 주 핵심 개념 TOP 5 TOP 1) HTML 문서 기본 골격 TOP 2) 자주 쓰는 텍스트/구조 태그 정리 TOP 3) 목록과 링크/이미지 TOP 4) 폼(form)과 input 핵심 속성 … 더 읽기
오늘 학습 정보 출처: 코딩 자율학습단 카카오톡 채널 메시지 캡처 오늘의 핵심 키워드 3개 내용 정리 2-1. CSS 기본 문법 CSS는 기본적으로 선택자(selector) 와 선언부(declaration block) 로 구성돼요. 선언부 안에는 속성(property): 값(value); 형태를 쓰고, 여러 줄 작성할 땐 보통 세미콜론(;) 으로 구분합니다. 기본 형식: 선택자 { 속성: 값;} 2-2. CSS 주석 CSS에서도 코드 설명을 남길 … 더 읽기
오늘 학습 정보 출처: 코딩 자율학습단 카카오톡 채널 메시지 캡처 오늘의 핵심 키워드 3개 태그/속성 정리 2-1. 폼(Form) 구성하기 form 역할: 입력 요소들을 묶어서 서버로 전송할 “폼”을 만든다. 형식: <form action=”서버 url” method=”get 또는 post”> … </form> 자주 같이 쓰는 속성: input 역할: 다양한 형태의 입력 필드 형식: <input type=”종류” name=”이름” value=”초깃값”> 자주 같이 쓰는 … 더 읽기
오늘 학습 정보 출처: 코딩 자율학습단 카카오톡 채널 메시지 캡처 오늘의 핵심 키워드 3개 태그/속성 정리 2-1. 텍스트/문단/줄바꿈 h1 ~ h6 (제목) 역할: 페이지/섹션 제목 표시 (숫자가 작을수록 더 중요한 제목 / h1부터 단계적으로 사용) 형식: <h1>제목</h1> p (문단) 역할: 본문 문단 작성 형식: <p>내용</p> br (줄 바꿈) 역할: 문단에서 줄 바꿈(단독 태그) 형식: <br> … 더 읽기
0) 오늘 학습 범위 [HTML 2일차] ~ 2.3 HTML의 특징 파악하기(p.46~57) 범위 안내 출처: 코딩 자율학습단 카카오톡 채널 메시지 캡처 1) 오늘의 핵심 키워드 3개 2) 학습 내용 정리(개념 위주) 2-1) 정리 1: 태그/속성/문법/주석 오늘 파트에서 “HTML이 어떻게 생겼는지” 기본 규칙을 정리했어요. 태그/속성/문법/주석 개념 정리(p.56) 2-2) 정리 2: 기본 구조 + 블록/인라인 + 관계 + … 더 읽기
0) 오늘 학습 범위 [HTML 1일차] 1.2 첫번째 HTML 문서 만들기(~p.24) 범위 안내 출처: 네이버 카페 ‘코딩 자율학습단’ 안내(카카오톡 채널 메시지 캡처) 1) 오늘의 핵심 키워드 3가지 2) 실습/결과 2-1) 핵심 코드 첫 HTML 문서를 만들어 title과 p 태그를 넣어봤고, 브라우저에서 글자가 제대로 뜨는지도 확인했어요. 그리고 UTF-8, viewport 같은 기본 설정도 같이 넣어서 웹페이지 뼈대부터 … 더 읽기
이 글은 코딩자율학습단 19기 참여 기록을 한곳에 모아두는 허브입니다. 일일 학습일지(20개)와 주간 총정리(4개), 도서 리뷰 및 최종 후기 (2개) 링크를 계속 업데이트합니다. 코딩자율학습단 19기 모집/학습 일정 안내 포스터 출처: 네이버 카페 ‘코딩 자율학습단’ 공지 이미지 1) 참여 계기 혼자 공부하면 일정이 흐트러지거나 미루게 될 때가 많아서, 이번에는 정해진 커리큘럼과 일정에 맞춰 학습을 ‘강제’할 장치가 필요했습니다. … 더 읽기