학습단 한 줄 요약 프로젝트 하면서 필요할 때만 찾아 쓰던 HTML/CSS/JS를, 이번에는 기초부터 다시 쌓으면서 머릿속 지식이 정돈되는 느낌을 확실히 받았어요. 기록까지 남기니까 나중에 다시 찾아보기 쉬운 내 레퍼런스가 생긴 것도 가장 큰 수확이었습니다. 참여 정보 시작하게 된 이유 저는 그동안 프로젝트를 하면서 필요한 부분만 검색해서 끼워 맞추는 방식이었어요. 동작은 하는데, 개념이 머릿속에서 정리되지 않아서 … 더 읽기
모든 입문서에서 가장 중요한 건 “내용이 많다”보다 끝까지 따라갈 수 있느냐라고 생각합니다. 「코딩 자율학습 HTML + CSS + 자바스크립트」는 설치부터 개념 정리, 실습 흐름까지 “입문자 시점”으로 구성되어 있어서 처음 시작하는 분들에게 부담이 적었습니다. 설치/환경 설정 안내가 정말 자세하다 처음 공부를 시작할 때 가장 많이 막히는 부분이 설치와 환경 설정인데, 이 책은 그 과정이 굉장히 친절합니다. … 더 읽기
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=”초깃값”> 자주 같이 쓰는 … 더 읽기
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) 참여 계기 혼자 공부하면 일정이 흐트러지거나 미루게 될 때가 많아서, 이번에는 정해진 커리큘럼과 일정에 맞춰 학습을 ‘강제’할 장치가 필요했습니다. … 더 읽기