PE 3

Node.js와 React의 개념

자바와 비교하는 관점. Node.js란?Node.js = Javascript 실행 환경 (즉, 백엔드에서 JS를 실행할 수 있도록 해주는 것)=> java로 따지면? node.js = java의 JVM, Express는 Java의 Spring boot (백엔드 웹 프레임워크) React란?React = 프론트엔드 라이브러리=> java로 따지면? React = JSP, Thymeleaf Express(서버)와 React(클라이언트)를 따로 실행하는 이유Java로 웹 개발할 때 SpringBoot + Thymeleaf를 사용하면 백엔드와 프론트엔드가 같은 서버에서 실행된다.=> Java 방식1. 브라우저가 http://localhost:8080/home 요청2. Spring Boot가 Thymeleaf를 ..

PE 2025.03.06

[javascript] 자바 스크립트 기초 학습 01

- 자바 스크립트 기본 문법 1. 변수* 쓸데없는 의문사항이 많음. 1-1. 변수변수는 데이터를 위한 명명 장소로, 변수를 사용하여 데이터를 저장할 수 있다.javascript는 변수를 사용하려면 let 키워드를 사용한다.let message;message = 'Hello!';console.log(messgae); // Hello!  👉  여기서 의문 사항:let message로 let 키워드를 사용할 때, 값이 원시 타입이면 일반 변수let test = { 키: 값 }; 로 선언할 땐 값이 객체므로 객체를 참조하는 변수로 (=객체) 선언됨. ✅ 원시 타입의 일반 변수는?let a = 10;let b = a; b = 20;console.log(a); // 10console.log(b); // 20 값을..

PE 2025.02.20

[javascript] 자바 스크립트 기초 학습 커리큘럼 생성

학습 커리큘럼: 📚 1. 기초 다지기 (1~2개월)목표: 자바스크립트의 기본 문법과 동작 원리를 이해하기자바스크립트 기본 문법변수와 상수 (let, const, var 차이점)자료형 (Primitive vs. Reference)연산자 (산술, 비교, 논리 연산자)조건문 (if, switch)반복문 (for, while, for...of, for...in)함수 선언 방식 (함수 선언문, 함수 표현식, 화살표 함수)스코프와 클로저 (Lexical Scope, Block Scope)기본 프로젝트: 계산기, 랜덤 숫자 맞히기 게임 만들기📊 2. 심화 개념 이해 (2~3개월)목표: 비동기 처리와 객체 지향 프로그래밍 이해하기객체와 배열객체 생성 (Object, class)배열 메서드 (map, filter, ..

PE 2025.02.20