⏳ Time Log/1. One Day (Daily · TIL)

Day 1 (10/20) - HTML/CSS 기초 및 VS Code 개발환경 설정

this.Serena 2026. 2. 18. 23:25

📝 오늘의 강의 요약

핵심 키워드: HTML/CSS 기초, VS Code 설정, 진법 체계

  • 커리큘럼 안내 및 기초 설명
    • HTML 및 CSS의 기본 개념 정립
    • VS Code 활용 태그 실습 및 진법 이해
  • 설치 프로그램: Visual Studio Code

☀️ 내일의 학습 예고

  • 주요 과목: Java (자바) 기초

📚 추천 학습 자료

구분 콘텐츠명 비고
도서 자바의 정석 기초 탄탄 추천
유튜브 남궁성의 정석코딩 도서 연계 강의
도서 이것이 자바다 입문자용 추천
유튜브 한빛미디어 자바 기초 강의 202강 분량
★ 도서 윤성우의 열혈 Java 프로그래밍 네이버 카페 참고

💾 컴퓨터 단위 및 진법 요약

1. 데이터 처리 단위

  • Bit (비트): 정보의 최소 단위 (0 또는 1)
  • Byte (바이트): 8비트가 모인 기본 단위 (1 Byte = 8 Bits)
  • Word (워드): CPU의 1회 연산 단위
    • 32비트 컴퓨터: 4 Bytes
    • 64비트 컴퓨터: 8 Bytes

2. 저장 용량 단위 (1024 배수)

단위 약어 계산식 실제 크기 (Byte)
Kilobyte KB 1024 B 1,024 B
Megabyte MB 1024^2 B 약 100만 B
Gigabyte GB 1024^3 B 약 10억 B
Terabyte TB 1024^4 B 약 1조 B
Petabyte PB 1024^5 B 약 1,000조 B

3. 주요 진법 체계

  • 2진법 (Binary): 0, 1 사용 (하드웨어 데이터 처리 기초)
  • 8진법 (Octal): 0 ~ 7 사용 (시스템 권한 설정 등)
  • 10진법 (Decimal): 0 ~ 9 사용 (일상적인 수치 계산)
  • 16진법 (Hexadecimal): 0 ~ 9, A ~ F 사용 (메모리 주소, 웹 색상 코드)

4. 진법 변환 원리

✅ 10진수 → n진수

  • 10진수를 n으로 나눌 수 없을 때까지 반복 나눗셈
  • 최종 몫과 나머지들을 역순으로 나열

✅ n진수 → 10진수

  • 각 자릿수 숫자와 가중치(n^자릿수)의 곱을 모두 합산
  • 예시 (1011₂): (1 × 2^3) + (0 × 2^2) + (1 × 2^1) + (1 × 2^0) = 11

✅ 2진수 ↔ 16진수 상호 변환

  • 2진수 → 16진수: 하위 비트부터 4자리씩 그룹화하여 변환
  • 16진수 → 2진수: 16진수 한 자리를 4자리 비트로 확장