2025/04/03 7

[JS] 자바 학습전략+반복문 기본

추천 학습 전략개념의 분해와 논리적 연결큰 개념을 작은 조각으로 분해하여 이해각 개념이 어떻게 서로 연결되는지 마인드맵 작성점진적 난이도 증가기본 예제 → 약간 변형된 예제 → 중간 난이도 → 고난도각 단계마다 "내가 왜 이 코드를 작성하는지" 주석으로 설명해보기역공학적 접근완성된 코드를 보고 각 부분이 어떤 역할을 하는지 분석코드의 일부를 의도적으로 변경하여 어떤 결과가 나오는지 실험개인화된 문서화자신만의 방식으로 개념을 재정의하고 문서화예제에 본인이 이해한 방식으로 주석 달기실용적 목표 설정각 학습 세션마다 달성 가능한 작은 목표 설정성취감을 느낄 수 있는 작은 프로젝트 만들기자바스크립트 반복문 개념 정리1. 반복문의 본질적 목적반복문은 동일한 작업을 여러 번 수행해야 할 때 코드의 중복을 줄이기 위..

JS 2025.04.03

[JS] 반복문 (기초개념)

0. 반복문이란 무엇인가? (기초 개념)반복문은 같은 코드를 여러 번 실행해야 할 때 사용하는 프로그래밍 도구입니다. 예를 들어, "안녕하세요"를 10번 출력해야 한다면:// 반복문 없이 작성하면 이렇게 됩니다 (비효율적)console.log("안녕하세요");...(중략)console.log("안녕하세요");반복문을 사용하면 코드가 간결해집니다:// 반복문 사용 (효율적)for(let i = 0; i 1. for 반복문 (완전 기초부터)기본 구조 해부for(초기화; 조건식; 증감식) { // 반복 실행할 코드}각 부분의 의미:초기화: 반복문이 시작될 때 단 한 번만 실행됩니다. 주로 카운터 변수를 선언하고 초기값을 설정합니다.조건식: 각 반복 시작 전에 평가되며, true이면 반복을 계속, fals..

JS 2025.04.03

[JS] 반복문 기초 for문 /while문/do-while문/break/continue/for-in/for-of

자바스크립트 반복문의 기초: 아주 간단하게 시작하기 🌱for문: 가장 기본적인 반복문while문: 조건이 참인 동안 반복do-while문: 최소 한 번은 실행break와 continue: 반복 제어하기배열 반복하기: for문과 배열for-in문: 객체 속성 반복하기for-of문: 배열 요소 쉽게 반복하기1. for문 - 가장 기본적인 반복문가장 간단한 예제: 숫자 출력하기// 1부터 5까지 출력하기for (var i = 1; i 이렇게 작동해요:i를 1로 시작i가 5보다 작거나 같은지 확인 (맞으면 계속)i 값을 출력i 값을 1 증가2번으로 돌아가서 다시 확인i가 6이 되면 5보다 크므로 반복 종료결과: 1, 2, 3, 4, 5가 차례로 출력됩니다.2. while문 - 조건이 참인 동안 반복하기가장 간..

JS 2025.04.03

[JS] for 반복문의 기초: `i` 변수와 배열 반복 이해하기

for 반복문의 기초: i 변수와 배열 반복 이해하기var i = 0은 무엇인가요?var i = 0에서 i는 여러분이 만든 변수입니다. 특별한 의미는 없고, 단지 "index(인덱스)"의 약자로 관습적으로 많이 사용할 뿐입니다. 실제로는 어떤 이름이든 사용 가능합니다:// 모두 동일한 역할을 합니다for (var i = 0; i 왜 for 반복문을 쓰나요?반복문은 같은 작업을 여러 번 반복할 때 사용합니다. 배열의 각 항목마다 같은 작업을 할 때 특히 유용합니다.반복문 없이 배열 처리하기var days = [30, 20, 50, 10, 30]; // 5일간의 운동 시간var totalTime = 0;// 반복문 없이는 이렇게 해야 함totalTime = totalTime + days[0]; // 첫째 날..

JS 2025.04.03

[JS] 조건문과 반복문 🌟

조건문과 반복문1️⃣ 조건문 (if, else) - 의사 결정의 도구 🧠조건문이란?조건문은 "~이면 ~하고, 아니면 ~한다"라는 의사결정 과정을 코드로 표현한 것입니다. 프로그램이 다양한 상황에 대응할 수 있게 해줍니다.기본 구조if (조건) { // 조건이 참일 때 실행할 코드} else if (다른조건) { // 첫 조건이 거짓이고, 다른조건이 참일 때 실행할 코드} else { // 모든 조건이 거짓일 때 실행할 코드}비교 연산자연산자의미예시===같다점수 === 100!==같지 않다이름 !== "홍길동">크다나이 > 18작다금액 >=크거나 같다시간 >= 9작거나 같다온도 논리 연산자연산자의미예시&&AND (그리고)나이 >= 20 && 성별 === "여성"||OR (또는)요일 ===..

JS 2025.04.03

[JS] 조건문

조건문이란? 🤔조건문은 간단히 말해서 "만약 ~라면, ~하고, 아니면 ~해"라는 일상적인 의사결정을 코드로 표현한 것입니다.실생활 비유: 우산 챙기기 ☔예를 들어, 아침에 나갈 때 이런 생각을 해봅시다:만약 비가 오면, 우산을 챙긴다.그렇지 않고, 만약 흐리면, 접이식 우산을 챙긴다.둘 다 아니면, 우산을 챙기지 않는다.자바스크립트의 조건문 기본 형태 📝if (조건1) { // 조건1이 참일 때 실행할 코드} else if (조건2) { // 조건1이 거짓이고, 조건2가 참일 때 실행할 코드} else { // 모든 조건이 거짓일 때 실행할 코드}실생활 예시를 코드로 표현하기 💻우산 챙기기 예시를 코드로 바꿔봅시다:var 날씨 = "비"; // 변수에 현재 날씨 저장if (날씨 =..

JS 2025.04.03

[JS] 코딩 기초 개념

🔹 변수: 정보를 저장하는 상자// 변수 만들기var 이름 = "홍길동"; // 문자열(텍스트) 저장var 나이 = 25; // 숫자 저장var 합격여부 = true; // 논리값(참/거짓) 저장🔹 기본 데이터 타입문자열 (String): 텍스트 - "안녕", '홍길동'숫자 (Number): 정수, 소수 - 5, 3.14논리값 (Boolean): 참/거짓 - true, false🔹 기본 연산자산술 연산자: + (더하기), - (빼기), * (곱하기), / (나누기)비교 연산자: == (같다), != (다르다), > (크다), (작다)논리 연산자: && (그리고), || (또는), ! (아니다)🔹 기본 입출력입력 받기: prompt("질문") - 사용자에게 정보 요..

JS 2025.04.03