학습단 한 줄 요약 프로젝트 하면서 필요할 때만 찾아 쓰던 HTML/CSS/JS를, 이번에는 기초부터 다시 쌓으면서 머릿속 지식이 정돈되는 느낌을 확실히 받았어요. 기록까지 남기니까 나중에 다시 찾아보기 쉬운 내 레퍼런스가 생긴 것도 가장 큰 수확이었습니다. 참여 정보 시작하게 된 이유 저는 그동안 프로젝트를 하면서 필요한 부분만 검색해서 끼워 맞추는 방식이었어요. 동작은 하는데, 개념이 머릿속에서 정리되지 않아서 … 더 읽기
오늘 학습 정보 오늘의 핵심 키워드 3개 개념 정리 2-1) HTML에 자바스크립트 적용(내부 스크립트) 역할: HTML 문서 내부에서 즉시 자바스크립트를 실행/적용 핵심 포인트: 기본 형식 짧은 예시(코드): 2-2) HTML에 자바스크립트 적용(외부 스크립트) 역할: JS 코드를 별도 .js 파일로 분리해 HTML과 연결(유지보수/관리 용이) 핵심 포인트: 기본 형식: 짧은 예시(코드): 2-3) script 태그 사용 위치(권장 위치) 역할: … 더 읽기
모든 입문서에서 가장 중요한 건 “내용이 많다”보다 끝까지 따라갈 수 있느냐라고 생각합니다. 「코딩 자율학습 HTML + CSS + 자바스크립트」는 설치부터 개념 정리, 실습 흐름까지 “입문자 시점”으로 구성되어 있어서 처음 시작하는 분들에게 부담이 적었습니다. 설치/환경 설정 안내가 정말 자세하다 처음 공부를 시작할 때 가장 많이 막히는 부분이 설치와 환경 설정인데, 이 책은 그 과정이 굉장히 친절합니다. … 더 읽기
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 1일차] 1.2 첫번째 HTML 문서 만들기(~p.24) 범위 안내 출처: 네이버 카페 ‘코딩 자율학습단’ 안내(카카오톡 채널 메시지 캡처) 1) 오늘의 핵심 키워드 3가지 2) 실습/결과 2-1) 핵심 코드 첫 HTML 문서를 만들어 title과 p 태그를 넣어봤고, 브라우저에서 글자가 제대로 뜨는지도 확인했어요. 그리고 UTF-8, viewport 같은 기본 설정도 같이 넣어서 웹페이지 뼈대부터 … 더 읽기
이 글은 코딩자율학습단 19기 참여 기록을 한곳에 모아두는 허브입니다. 일일 학습일지(20개)와 주간 총정리(4개), 도서 리뷰 및 최종 후기 (2개) 링크를 계속 업데이트합니다. 코딩자율학습단 19기 모집/학습 일정 안내 포스터 출처: 네이버 카페 ‘코딩 자율학습단’ 공지 이미지 1) 참여 계기 혼자 공부하면 일정이 흐트러지거나 미루게 될 때가 많아서, 이번에는 정해진 커리큘럼과 일정에 맞춰 학습을 ‘강제’할 장치가 필요했습니다. … 더 읽기
리뷰할 도서 AI를 더 쓰는데 왜 더 바빴을까? ‘도구’가 아니라 ‘기준’의 문제였다 AI를 요즘 정말 자주 씁니다. 그런데 이상하게도 코딩을 할 때 분명히 도움이 되고 있는데 “일이 줄었다”기보다는 오히려 더 바빠진 느낌이 들 때가 많았어요. 어떤 도구는 결과가 괜찮은데 속도가 답답하고, 어떤 도구는 빠른 대신 품질이 들쑥날쑥해서 결국 다시 손을 봐야 하고, 어떤 도구는 설치·인증 … 더 읽기