코딩자율학습단 19기 | 11일차 학습일지 – 변수/상수(let·const) · 자료형 · 연산자 우선순위/형변환

오늘 학습 정보 오늘의 핵심 키워드 3개 개념 정리(가장 중요) 2-1) 변수/상수 선언과 동작(var·let·const) 역할: 값을 저장(변수)하거나, 바뀌지 않는 값을 고정(상수)하기 위한 “식별자”를 만드는 것 핵심 포인트: 짧은 예시(코드): 2-2) 식별자(변수/상수 이름) 명명 규칙 역할: 변수/상수를 “구분”하기 위한 이름 규칙 정리 핵심 포인트: 짧은 예시(코드): 2-3) 자료형(data type) 정리(문자열/숫자/논리/undefined/null/객체·배열) 역할: 값의 “종류”를 구분해 올바르게 저장·연산하기 … 더 읽기

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

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

코딩자율학습단 19기 | 10일차 학습일지 – 자바스크립트 연결(내부/외부) · 주석 · 오류 확인

오늘 학습 정보 오늘의 핵심 키워드 3개 개념 정리 2-1) HTML에 자바스크립트 적용(내부 스크립트) 역할: HTML 문서 내부에서 즉시 자바스크립트를 실행/적용 핵심 포인트: 기본 형식 짧은 예시(코드): 2-2) HTML에 자바스크립트 적용(외부 스크립트) 역할: JS 코드를 별도 .js 파일로 분리해 HTML과 연결(유지보수/관리 용이) 핵심 포인트: 기본 형식: 짧은 예시(코드): 2-3) script 태그 사용 위치(권장 위치) 역할: … 더 읽기

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

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

코딩자율학습단 19기 | 8일차 학습일지 – position/float 배치 + animation/transform 효과 + 웹/아이콘 폰트

오늘 학습 정보 오늘의 핵심 키워드 3개 개념 정리 2-1) 위치(배치) 속성: position / top·right·bottom·left 역할: 문서의 기본 흐름에서 요소를 원하는 위치에 배치 핵심 포인트: 기본 형식: 짧은 예시(코드): position 값 정리 역할: 배치 방식 선택 핵심 포인트: 기본 형식: 짧은 예시(코드): 2-2) float / clear: 흐름 제어 배치 역할: 요소를 좌/우로 띄워 배치하고 다음 … 더 읽기

코딩자율학습단 19기 | 7일차 학습일지 – 텍스트 스타일링·박스 모델 ·background 속성

오늘 학습 정보 오늘의 핵심 키워드 3개 개념 정리 2-1) CSS 선언 기본 구조(공통) 역할: “선택자”로 대상을 고르고, { } 안에 “속성: 값;” 형태로 스타일을 적용 핵심 포인트: 기본 형식: 예시(코드): 2-2) 텍스트 관련 속성(가독성 세팅의 핵심 묶음) color(글자 색) 역할: 텍스트(글자) 색상을 지정 핵심 포인트: 기본 형식: 예시(코드): font-size(글자 크기) 역할: 텍스트 크기를 지정 … 더 읽기

코딩자율학습단 19기 | 6일차 학습일지 – 구조적 가상 클래스, 가상 요소, 형제/하위 선택자

오늘 학습 정보 오늘의 핵심 키워드 3개 내용 정리 2-1) 기본 선택자(전체/태그/id/class) CSS에서 “어떤 요소에 스타일을 적용할지” 가장 기본적으로 고르는 방법이에요. 역할: 스타일 적용 대상을 가장 기본 규칙으로 선택 핵심 포인트: 전체/태그/id/class는 가장 자주 쓰는 출발점 기본 형식: 짧은 예시(코드): 2-2) 속성 선택자(기본/문자열 속성) 요소의 “속성”과 “속성값 조건”으로 대상 요소를 고르는 방식입니다. 링크(a), input 같은 … 더 읽기

백업 코드는 왜 꼭 저장해야 할까? 2단계 인증보다 먼저 챙겨야 할 것

한 줄 요약: 백업 코드는 2단계 인증을 쓸 때 계정을 잃지 않게 해 주는 마지막 안전장치입니다. 인증을 강화했는데도 복구 수단을 챙기지 않으면, 공격자를 막기 전에 본인이 계정에서 잠길 수 있습니다. 들어가며 2단계 인증을 설정할 때 많은 사용자가 마지막 단계에서 백업 코드를 대충 넘깁니다. 화면에 여러 줄 숫자나 문자열이 뜨고, 일단 로그인은 되니 나중에 처리해도 된다고 … 더 읽기

계정 보안에서 가장 중요한 것은 비밀번호보다 복구 수단이다

한 줄 요약: 강한 비밀번호를 설정해도 복구 경로가 약하면 계정은 우회로로 뚫릴 수 있습니다. 계정 보안은 로그인 단계뿐 아니라 ‘계정을 되찾는 절차’를 얼마나 잘 관리하느냐에 달려 있습니다. 들어가며 많은 사용자가 계정 보안이라고 하면 비밀번호 강도부터 떠올립니다. 하지만 실제로는 계정 복구 절차가 더 약한 고리일 때가 많습니다. 왜냐하면 서비스는 사용자가 비밀번호를 잊어버리는 상황을 전제로, 이메일·전화번호·백업 코드·신뢰 … 더 읽기

비밀번호 관리자, 정말 써도 괜찮을까? 장단점과 선택 기준

한 줄 요약: 비밀번호 관리자는 모든 비밀번호를 한곳에 모아 불안해 보일 수 있지만, 실제로는 비밀번호 재사용을 줄이고 긴 고유 비밀번호를 유지하는 데 가장 현실적인 도구입니다. 다만 마스터 비밀번호와 복구 설계를 함께 생각해야 합니다. 들어가며 비밀번호 관리자를 처음 접하면 가장 먼저 드는 생각은 대개 비슷합니다. “모든 비밀번호를 한곳에 넣어도 괜찮을까?” 직관적으로는 위험해 보일 수 있습니다. 하지만 … 더 읽기