3주차 한 줄 결론
이번 주는 자바스크립트를 “찍먹”하는 것이 아니라 언어의 뼈대(변수·자료형·연산·제어) 를 먼저 고정하고, 그 위에 함수(정의→매개변수/return→스코프·호이스팅·IIFE) 를 얹은 다음 객체(속성 접근/수정/추가/삭제 + 참조 자료형의 얕은 복사) 까지 연결해서 실수 포인트를 미리 차단하는 주였습니다.
이번 주 진행 범위
범위: JS 11~15일차
교재: 「코딩 자율학습 HTML + CSS + 자바스크립트」(김기수 지음, 길벗)
일일 학습일지 인덱스
이번 주 핵심 개념 TOP 5
TOP 1) 변수/상수(var·let·const) + 식별자 규칙
- 선언/할당/초기화 개념 정리
- let(재선언 불가) / const(초기화 필수) / var(호이스팅 주의) 구분
TOP 2) 자료형 + 문자열 처리 + 형 변환
- 기본/참조 자료형 큰 분류 잡기
- 문자열(따옴표/이스케이프/템플릿 문자열) 처리 방식 정리
- 암시적 형 변환 vs 명시적 형 변환 구분
TOP 3) 연산자 핵심(비교/논리/우선순위)
- === 중심 비교 습관
- &&, || 단축 평가 흐름 이해
- 헷갈리면 괄호로 우선순위 고정
TOP 4) 제어문(조건/반복) + 흐름 제어
- if vs switch 선택 기준 정리(+ switch의 break 주의)
- while/do…while/for 차이 정리
- break, continue로 반복 흐름 제어
TOP 5) 함수 + 스코프/호이스팅 + 객체/참조
- 함수 선언문/표현식/화살표 차이(호이스팅 포함)
- 스코프(전역/지역, let·const의 블록 스코프)
- IIFE로 전역 오염 방지 패턴
- 객체 속성 접근/수정/추가/삭제 + 참조 복사(같이 바뀜) 이해
한 주간의 학습을 통해 배우거나 느낀 점
이번 3주차는 자바스크립트를 문법을 외워서 쓰는 단계에서 동작 원리를 이해하고 안전하게 쓰는 단계로 넘어간 주였습니다. 변수·자료형·연산자를 정리하면서 ==/===, 암시적 형 변환, 우선순위처럼 사소해 보이는 요소가 결과를 크게 바꾼다는 걸 체감했고, 이후에는 괄호로 의도를 고정하고 타입을 명확히 하는 습관이 더 실전적이라는 기준이 생겼습니다.
조건문과 반복문을 다루면서는 문법 자체보다 종료 조건과 분기 기준을 얼마나 명확하게 설계하느냐가 핵심이라는 걸 알게 됐어요. break와 continue로 반복 흐름을 정리하면 코드가 훨씬 읽기 좋아졌고, if와 switch도 상황에 맞게 선택해야의도가 선명해진다는 감각을 얻었습니다.
함수 파트에서는 매개변수·기본값·return으로 로직을 일반화하는 방식이 특히 유용했고, 함수 선언문/표현식/화살표 함수의 차이를 호이스팅과 연결해 이해하니 왜 어떤 호출은 되고 어떤 호출은 에러가 나는지까지 자연스럽게 정리됐습니다. 스코프와 IIFE까지 이어지면서 전역을 줄이고 범위를 통제하는 사고방식이 유지보수의 출발점이라는 것도 확실해졌고요.
그리고 객체를 다루며 속성 접근/수정 자체보다 참조 복사(얕은 복사)가 가장 큰 수확이었습니다. 기본 자료형과 달리 객체는 같은 대상을 함께 바라볼 수 있다는 점을 이해하니 앞으로 상태 관리나 버그 예방에서 중요한 기준이 생겼고, const 가 재할당만 막는다는 포인트도 깔끔하게 정리됐습니다. 다음 주에는 새로운 내용을 배우게 될 텐데, 이번 주에 만든 기준을 그대로 적용해서 더 안정적인 코드 습관을 쌓아가고 싶습니다.
덧붙이자면 자바스크립트는 C 계열 문법을 많이 가져와서, 저는 C언어를 해본 덕분에 흐름을 비교적 수월하게 따라갈 수있었어요. 반대로 C언어가 익숙하지 않은 분들은 변수 선언 방식이나 연산자, 조건문·반복문 같은 기본 문법부터 낯설어서 초반에 조금 버겁게 느껴졌을 수도 있을 것 같아요. 그래서 저는 매일 내용을 그날그날 기록해두고, 헷갈릴 때는 일차별 학습일지로 다시 돌아가 흐름을 복습할 수 있게 정리해뒀습니다. 지금 막히는 부분이 있다면 위 인덱스에서 해당 일차만 먼저 훑어보고 다시 이어가도 충분히 도움이 될 거예요.
“코딩자율학습단 19기 | 3주차 총정리 – JS 기본기 + 함수 + 객체/참조”에 대한 2개의 생각