학습단 한 줄 요약 프로젝트 하면서 필요할 때만 찾아 쓰던 HTML/CSS/JS를, 이번에는 기초부터 다시 쌓으면서 머릿속 지식이 정돈되는 느낌을 확실히 받았어요. 기록까지 남기니까 나중에 다시 찾아보기 쉬운 내 레퍼런스가 생긴 것도 가장 큰 수확이었습니다. 참여 정보 시작하게 된 이유 저는 그동안 프로젝트를 하면서 필요한 부분만 검색해서 끼워 맞추는 방식이었어요. 동작은 하는데, 개념이 머릿속에서 정리되지 않아서 … 더 읽기
1주차 한 줄 결론 HTML로 웹페이지 구조(문서/텍스트/목록/링크/폼/시맨틱) 를 잡았고, 마지막 날에는 CSS를 처음 적용하면서 스타일을 붙이는 3가지 방법을 정리했습니다. 이번 주 진행 범위 일일 학습일지 인덱스 이번 주 핵심 개념 TOP 5 TOP 1) HTML 문서 기본 골격 TOP 2) 자주 쓰는 텍스트/구조 태그 정리 TOP 3) 목록과 링크/이미지 TOP 4) 폼(form)과 input 핵심 속성 … 더 읽기
오늘 학습 정보 출처: 코딩 자율학습단 카카오톡 채널 메시지 캡처 오늘의 핵심 키워드 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 같은 기본 설정도 같이 넣어서 웹페이지 뼈대부터 … 더 읽기