목표: 비동기 처리와 모듈 시스템을 이해하고, React/Vue 학습에 필요한 사전 개념(this, 클로저)을 정리한다.4회차 (2시간): 스코프와 this0:00~0:30 | 스코프전역 스코프 / 함수 스코프 / 블록 스코프({} 단위, let·const는 블록 스코프 적용)if (true) { let x = 10;}console.log(x); // 에러 - 블록 밖에서 접근 불가0:30~1:00 | 클로저함수가 자신이 선언될 때의 스코프를 기억하는 것. 상태를 유지하는 함수를 만들 때 사용function makeCounter() { let count = 0; return function () { count++; return count; };}const counter = makeCou..

목표: JS 문법에 익숙해지고, 함수/배열/객체를 다루는 기본기를 갖춘다.1회차 (2시간): 개발 환경 & 기본 문법0:00~0:20 | Node.js 설치, VSCode 세팅Node.js LTS 설치 → 터미널에서 node -v, npm -v로 확인VSCode 설치 + 확장 프로그램: ESLint(문법 오류 검사), Prettier(코드 스타일 자동 정리)설정에서 "Format on Save" 켜두기0:20~0:40 | 콘솔 실행, console.log실행 방법 2가지: node 파일명.js / 브라우저 콘솔(F12 → Console)console.log('Hello, JavaScript!');console.log('score:', 90); // 라벨 붙여서 출력하는 습관0:40~1:10 | 변수, 데..

목표: 비동기 처리와 모듈 시스템을 이해하고, React/Vue 학습에 필요한 사전 개념(this, 클로저)을 정리한다.4회차 (2시간): 스코프와 this학습목표스코프와 클로저 개념을 이해한다.일반 함수와 화살표 함수의 this 차이를 구분할 수 있다.시간 배분시간 내용0:00~0:30스코프(전역/함수/블록 스코프)0:30~1:00클로저(closure) 개념과 활용 예시1:00~1:40this 바인딩 — 일반 함수 vs 화살표 함수 (★ React/Vue에서 매우 중요)1:40~2:00템플릿 리터럴, 실습: this 동작 비교예제 코드const obj = { name: '민수', sayHiNormal: function () { setTimeout(function () { console..

목표: JS 문법에 익숙해지고, 함수/배열/객체를 다루는 기본기를 갖춘다.1회차 (2시간): 개발 환경 & 기본 문법학습목표개발 환경을 스스로 세팅할 수 있다.변수, 자료형, 연산자, 조건문을 이해하고 사용할 수 있다.시간 배분시간 내용0:00~0:20Node.js 설치, VSCode 세팅, 확장 프로그램(ESLint, Prettier)0:20~0:40콘솔 실행 방법 (node 파일, 브라우저 콘솔), console.log 활용0:40~1:10변수(var/let/const) 차이, 데이터 타입(number, string, boolean, null, undefined)1:10~1:30연산자(산술/비교/논리), 조건문(if/else, switch), 삼항연산자1:30~2:00실습: 성적 계산기 만들기 (점수..

ASIS{ text: '이미지', dataIndex: 'image', align: 'center', width:100, renderer: function(value) { return ''; },},TOBE{ text: '이미지', dataIndex: 'image', align: 'center', width:100, renderer: function(value) { return ``; },},

const jsonData = { group_id: selectedCategoryId,};// Transform the keyconst updatedJsonData = Object.fromEntries( Object.entries(jsonData).map(([key, value]) => key === 'group_id' ? ['attach_id', value] : [key, value] ));console.log(updatedJsonData);