진수의 시간은 거꾸로 흘러간다. IT 성장 블로그 진수의 시간은 거꾸로 흘러간다. IT 성장 블로그

더보기 - 예시 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // 1. 클래스란? // - 클래스란? 객체를 찍어내는 틀(like a 붕어빵틀, 설계도) // - 클래스는 필드(상태)와 메소드(동작)으로 구성 됨 // 댕댕이 클래스 만들기 // 2. 생성자란? // - 생성자란? 객체를 만들때 사용되는 메소드로 constructor라 함 // - 클래스로부터 객체를 만들 시, new 키워드가 필요 // 댕댕이 클래스 만들기 class Dog { // 필드(상태; 변수): 이름, 품종, 나이 _name; _breed; _age; // 생성자(객체를 만드는 특별한 메소드) constructor(name, breed, ..

더보기 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // 1. 객체란? // - 사용자가 직접 만드는 데이터로서, 프로퍼티의 집합임 // - 프로퍼티는 키(key)와 값(value)로 구성됨 // 객체 생성 const ramen = { // 이름 name: "뽀글이", // 가격 price: 3000, }; const chicken = { name: "슈넬치킨", price: 5000, }; const coke = { name: "코카콜라", price: 1000, }; const americano = { name: "아메리카노", price: 1500, }; // 객체 출력 console.log(ramen); c..

배열 코드 예시 정리 더보기 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // 1. 배열이란? // - 여러 변수를 하나로 묶은 것 // - 배열의 각 요소는 인덱스로 구분 됨 // - 요소의 타입은 모두 같아야 좋음 // 배열 생성 예 const menus = ["샌드위치", "초밥", "치킨"]; const prices = [11000, 16000, 19000]; console.log(menus); console.log(prices); // 2. 배열 다루기 // - 인덱스는 기본적으로 0부터 시작 // - 인덱스를 통해 배열의 각 요소로 접근 가능 // 배열 요소 가져오기: 식비 총합 계산 let sum = ..

- 스프링 프레임워크를 잘 다루기 위해서는 여러 가지 측면에서 중요한 요소들이 있습니다. 아래는 스프링을 효과적으로 사용하기 위한 핵심 요소들입니다: 최신 버전의 스프링 학습: 스프링은 지속적으로 업데이트되고 발전하고 있습니다. 최신 버전의 스프링 프레임워크에 대한 이해와 활용은 새로운 기능과 최적화를 활용하는 데 중요합니다. 의존성 주입(Dependency Injection) 및 제어 역전(Inversion of Control) 이해: 스프링의 핵심 개념 중 하나는 의존성 주입과 제어 역전입니다. 이를 이해하고 활용하면 유지보수가 쉬우며 테스트하기 쉬운 코드를 작성할 수 있습니다. IoC 컨테이너 이해: 스프링은 IoC 컨테이너를 제공하여 객체의 생명주기와 의존성 관리를 자동으로 처리합니다. IoC 컨..

// 5. 중첩 반복문(nested loop) // - 반복문 속에 반복문이 들어올 수 있음 // 상황설정: 구구단, 2~9단 출력하기! function printDan(dan) { for (let j = 1; j

// while 문 // - 반복 횟수가 상황에 따라 변경될 때 좋은 반복문 // - 조건식이 참이면, 코드를 반복 // break // - 코드실행을 현재 흐름에서 탈출시킴 // - 반복문에서 사용되는 경우, 가장 가까운 반복흐름을 탈출함 // 상황설정: 업다운, 숫자게임! 1~10 중 임의의 정수 찾기! // - 정답이 입력값보다 크면 UP, 작으면 DOWN 멘트가 나옴 // - q 입력 시, 종료 function playUpdownGame() { // 시작 멘트 console.log("### START ###"); // 난수 생성(1~10 사이 정수) const randIntNum = Math.trunc(Math.random() * 10 + 1); // 0.0 ~ 0.999999 -> 0.0 ~ 9..

* 함수: 일련의 코드 묶음 이라 한다. // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // 함수, 리뷰! // 1. 일련의 코드 묶음(코드 재사용성 증가) // 2. 입력에 따른 결과 반환(like a 자판기) // 3. 함수 호출 시, 실행 흐름은 함수 내부로 이동 // 4. 함수 종료 시, 실행 흐름은 이전 위치로 되돌아감 - 함수의 스코프 영역 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // - 함수, 리뷰! // 1. 일련의 코드 묶음(코드 재사용성 증가) // 2. 입력에 따른 결과 반환(like a 자판기) //..

요약: let은 값을 변경할수 있지만 const는 값을 변경할수 없다. // 엄격모드 적용: 초창기 자바스크립트의 단점을 보완하는 설정 // ( 좀 더 엄격한 검증 적용!) "use strict"; //1. 변수, 열린 상자 만들기! let openBox = "🦮 망고"; console.log(openBox); openBox = "😍바둑이"; console.log(openBox); //2. 이름이 같은 변수, 생성 불가! //let openBox = "🥨도넛츠"; openBox = "🥨도넛츠"; console.log(openBox); // 3. 상수, 잠긴 상자 만들기! const cookieBox = "🥓쿠키"; console.log(cookieBox); cookieBox = "🍅 과일"; 출저: 홍팍..