알아둬야 할 자바스크립트 ES2015+ 1. const, let - var로 선언한 변수는 함수 스코프를 가지므로 블록과 관계없이 접근 가능하다. 하지만 const와 let은 블록 스코프를 가지므로 블록 밖에서는 변수에 접근이 불가능하다. - const로 선언한 변수는 값을 한 번 할당하면 값 변경이 불가능하다. 따라서 const로 선언한 변수를 상수라 부르기도 한다. - 변수 선언 시에는 기본적으로 const를 사용하고, 변수의 값 초기화 이후 값을 변경해야 하는 경우에만 let을 사용한다. 2. 템플릿 문자열 - 백틱(`)으로 문자열을 감싸 표현한다. - `${변수}는 변수입니다.` 와 같이 ${ } 형식으로 변수의 값을 문자열에 삽입할 수 있다. 3. 객체 리터럴 - 객체의 메서드에 함수를 연결할 ..

23-24/Node.js 1 2023. 10. 13. 10:00

🌟3장(1) 키워드🌟 REPL js 파일 실행하기 노드 모듈; CommonJS 모듈, ECMAScript 모듈 노드 내장 객체 3.1 REPL 사용하기 js는 스크립트 언어 (컴파일 불필요) Read Eval Print Loop 입력한 코드를 읽고, 해석하고, 결과물을 반환하고, 종료할 때까지 반복한다 터미널에서 node 명령 입력 시 > 모양의 프롬프트 js 코드 입력 가능 3.2 JS 파일 실행하기 js 파일을 만들어 실행 function helloWorld() { console.log('Hello World'); helloNode(); } function helloNode() { console.log('Hello Node'); } helloWorld(); node 명령어로 파일 실행(.js 확장자 ..

23-24/Node.js 2 2023. 10. 6. 10:00

1. 구조 분해 할당 배열이나 객체에서 요소를 해체해 개별 변수에 그 값을 담을 때 사용한다. let arr = [1, 2, 3]; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); // 1 2 3 let arr = [1, 2, 3]; let [one, two, three] = arr; ① console.log(one, two, three); // 1 2 3 위는 배열의 구조 분해 할당한 예이다. let arr = [1, 2, 3]; let [one, two] = arr; console.log(one, two); // 1 2 배열의 길이와 할당할 변수의 개수가 일치하지 않..

23-24/React.js 2 2023. 10. 6. 10:00

JPA JPA ORM(Object-Relational-Mapping) 으로 객체와 테이블을 매핑해주는 인터페이스 모음 기존의 반복 코드를 줄이고, 기본적인 SQL 쿼리문도 직접 만들어서 실행해 코드를 간결하게 작성함 SQL과 데이터 중심의 설계에서 객체 중심의 설계로 패러다임을 전환하여 개발 생산성을 크게 높임 ORM(Object-Relational-Mapping) 우리가 일반적으로 알고 있는 애플리케이션 Class와 RDB(Relational DataBase)의 테이블을 매핑(연결)한다는 뜻이며, 기술적으로는 어플리케이션의 객체를 RDB 테이블에 자동으로 영속화 해주는 것이라고 보면된다. JPA 사용을 위한 설정 1. build.gradle 파일에 아래와 같은 라이브러리를 추가 implementatio..

23-24/Spring 3 2023. 10. 6. 10:00

1. 스프링 DB접근 기술 JPA 📌 JPA(Java Persistence API)? 자바 진영의 ORM(Object Relational Mapping) 기술 표준입니다. 쿼리 문을 사용하지 않고도 데이터베이스에서 데이터를 추가, 수정, 조회, 삭제할 수 있는 기술을 제공합니다. ORM(Object Relational Mapping)이란? 객체와 관계형 데이터베이스를 매핑해 주는 것입니다. - 객체 지향 프로그래밍은 클래스를 사용하고, 관계형 데이터베이스는 테이블을 사용하기 때문에 그 둘 사이 불일치가 존재하는데 ORM이 그것을 해결해 줍니다. 📌 왜 사용해야 하나? JPA는 기존의 반복 코드, SQL문도 직접 만들어주어 생산성을 크게 높일 수 있습니다. SQL과 데이터 중심의 설계에서 객체 중심의 설계..

23-24/Spring 1 2023. 10. 6. 10:00

5. 구조 분해 할당 구조 분해 할당이란 배열이나 객체에서 요소를 해체하여 개별 변수에 그 값을 담을 때 사용합니다. - 배열의 구조 분해 할당 : 배열의 값을 순서대로 변수를 할당합니다. let arr = [1, 2, 3]; let [one, two, three] = arr; 특징 변수 선언과 동시에 순서대로 할당가능 하기에 더 간결하게 코드 작성이 가능합니다. 배열의 길이와 할당할 변수의 개수가 일치하지 않아도 오류가 발생하지 않습니다. 배열의 길이 > 변수의 길이 → 변수의 개수에 맞춰서 순서대로 할당합니다. 배열의 길이 < 변수의 길이 → 남은 변수에 undefined가 할당됩니다. - 객체의 구조 분해 할당 : 프로퍼티의 value 값을 변수에 할당합니다. let person = { // 객체 ..

23-24/React.js 1 2023. 10. 6. 10:00

변수 선언 1. var - 새 변수를 생성하거나 선언한다. - myName처럼 이러한 방식으로 대문자를 사용하는 것을 Camel Casing 이라고 한다. 2. let - 변수에 다른 값을 다시 할당할 수 있다. - 변수에 값을 할당하지 않고도 변수를 선언할 수 있으며, 변수는 undefined과 같이 자동으로 초기화된다. 3. const - 상수 변수를 선언한다. - 상수 변수는 선언 시 값을 할당 해야 한다. ! 변수를 다시 할당해야 하는 경우 let를 사용하고 그렇지 않으면 const 을 사용한다. 템플릿 리터럴 ES6 버전의 JavaScript에서는 템플릿 리터럴을 사용하여 문자열에 변수를 삽입하거나 보간 할 수 있다. 1. 템플릿 리터럴은 작은따옴표(')나 큰따옴표(") 대신 백틱(`)(grav..

23-24/Node.js 1 2023. 10. 6. 10:00

구조 분해 할당 : 구조를 분해해 할당하는 문법 스프레드 연산자 : 반복이 가능한 객체에서 값을 개별 요소로 분리하는 것배열이나 객체에서 요소를 해체해 개별 변수에 그 값을구조 분해 할당 배열의 구조 분해 할당 저장된 요소 값이 순서대로 할당된다. 배열의 길이보다 할당할 변수의 개수가 적어도 오류가 발생하지 않는다 배열의 길이보다 할당 변수의 개수가 많아도 오류가 발생하지 않는다 배열의 길이가 넘는 변수는 undefined가 할당된다. //구조 분해 할당 let arr = [1,2,3]; let [one, two, three] = arr; //배열 arr의 값을 순서대로 변수 one, two, three에 할당함. console.log(one, two, three); 객체의 구조 분해 할당 데이터 저장 ..

23-24/React.js 3 2023. 10. 6. 10:00

JPA JPA는 ORM(object-relational-mapping)으로 객체와 테이블을 매핑해주는 도구입니다. JPA는 기존의 반복 코드는 물론이고, 기본적인 SQL도 직접 만들어서 실행합니다. 또한 SQL과 데이터 중심의 설계에서 객체 중심의 설계로 패러다임을 전환할 수 있고, 개발 생산성을 크게 높일 수 있습니다. JPA를 이용하려면 build.gradle 파일에 아래와 같은 라이브러리를 추가해야합니다. implementation 'org.springframework.boot:spring-boot-starter-data-jpa' JPA를 이용하려면 application.properties 파일에 아래와 같은 설정을 추가해야합니다. // JPA 설정 spring.jpa.show-sql=true sp..

23-24/Spring 2 2023. 10. 6. 10:00

1. 컴포넌트 스캔과 자동 의존관계 설정 📌 IOC(Inversion of Control)? 스프링 프레임워크에는 객체를 생성하고 관리하고 책임지고 의존성까지 관리해주는 컨테이너가 있는데 이를 IoC 컨테이너라고 합니다. 📌 스프링 빈이란? 스프링 프레임워크는 스프링 IoC 컨테이너를 가지고 있으며 이 스프링 IoC에 의해 생성되고 관리되는 자바 객체를 빈(Bean)이라고 부릅니다. 스프링은 스프링 IoC 컨테이너에 스프링 빈을 등록할 때, 기본으로 싱글톤으로 등록합니다. 따라서 같은 스프링 빈이면 모두 같은 인스턴스입니다. 💻 회원 컨트롤러에 의존관계 추가 우선 /hello.hellospring/controller 하위에 MemberController 를 생성합니다. MemberController는 M..

23-24/Spring 1 2023. 9. 29. 14:02

스프링은 처음 실행 시 스프링 컨테이너(Spring Container)가 생성됩니다. 스프링 컨테이너는 스프링의 핵심 컴포넌트로, 자바 객체를 관리하는데, 이 자바 객체를 빈(Bean)이라 칭합니다. 빈은 스프링 컨테이너에 의해 관리되는 재사용 가능한 소프트웨어 컴포넌트입니다. 빈은 인스턴스화된 객체를 의미하며, 스프링 컨테이너에 등록된 객체를 스프링 빈이라고 합니다. 스프링 컨테이너는 객체를 생성하고 소멸하며, 클래스 간의 연결을 통하여 각 객체의 의존관계를 주입할 수 있습니다. 섹션 4에서는 스프링 컨테이너가 클래스를 인식하는 방법과 자바 객체를 어떻게 관리하는지 알아봅니다. 스프링 빈을 등록하는 것에는 2가지 방법이 있습니다. 1. 컴포넌트 스캔과 자동 의존관계 설정 스프링 컨테이너가 생성될 때, ..

23-24/Spring 2 2023. 9. 29. 13:56

스프링 빈 등록 컴포넌트 스캔과 자동 의존관계 설정 자바 코드로 직접 스프링 빈 등록 컴포넌트 스캔과 자동 의존관계 설정 MemberController가 MemberService를 통해서 회원가입, 데이터 조회 -> 서로 의존 관계가 있다 @Controller public class MemberController { } `@Controller` 애노테이션이 있으면 MemberController 객체를 생성해서 Spring에 넣어두고 Spring이 관리 -> 스프링 컨테이너에서 스프링 빈이 관리된다 `@Controller` 애노테이션이 있으면 스프링 빈으로 자동 등록 컴포넌트 스캔 원리 `@Component` 애노테이션이 있으면 스프링 빈으로 자동 등록된다 `@Controller` 컨트롤러가 스프링 빈으로..

23-24/Spring 3 2023. 9. 29. 10:00