MySQL 시작하기 PS C:\Program Files\MySQL\MySQL Server 8.2\bin> 경로로 이동 책의 경우 콘솔에 mysql -h localhost -u root -p를 입력하라 하였으나 ./mysql -h localhost -u root -p를 입력해야 제대로 로그인이 됐다. - mysql -h 뒤에는 접속할 주소 - -u 뒤에는 사용자 이름 -p는 비밀번호를 사용하겠다는 뜻 프롬프트가 mysql>로 바뀌었다면 접속된 것이고, 다시 콘솔로 돌아가려면 exit 명령어를 입력한다. 데이터베이스 생성하기 데이터베이스를 생성하는 명령어이며 가급적 예약어는 대문자로 쓰는 것이 좋다, 데이터베이스와 스키마는 같은 개념이다. CREATE SCHEMA [데이터베이스명] CREATE SCHEMA ..

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

Spring Data JPA JPQL JPQL이란 JPA Query Language의 줄임말, JPA에서 사용할 수 있는 쿼리. 문법은 SQL과 매우 비슷하다. SQL과의 차이점은 SQL에서는 테이블이나 컬럼의 이름을 사용하는 것과 달리 JPQL은 다음과 같이 엔티티 객체를 대상으로 수행하는 쿼리이기에 매핑된 엔티티의 이름과 필드의 이름을 사용한다는 것이다. SELECT p FROM Product(엔티티 타입) p WHERE p.number(엔티티 속성) = ?1; 쿼리 메서드 리포지토리는 JpaRepository를 상속받는 것만으로도 다양한 CRUD 메서드 제공. 하지만 이러한 기본 메서드들은 식별자 기반으로 생성되기에 별도의 메서드를 정의하는 경우가 많음. 이때 간단한 쿼리문 작성을 위해 사용되는 것..

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

🌟8장 키워드🌟 Nosql vs. SQL MongoDB mongoose NoSQL vs. SQL RDB에서 사용하는 SQL 외의 언어를 사용하는 데이터베이스를 NoSQL이라고 한다. 아래 표는 몽고디비 사용하기 MongoDB Community Server 다운로드 https://www.mongodb.com/try/download/community Try MongoDB Community Edition Try MongoDB Community Edition on premise non-relational database including the Community Server and Community Kubernetes Operator for your next big project! www.mongodb.com ..

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

이번 장에서 Spring Data JPA 제공 기능을 활용하여 리포지토리 예제를 작성하고, 테스트 코드를 통하여 리포지토리의 활용법을 살펴봅시다. 8.1 프로젝트 생성 이번 장에서 사용될 프로젝트를 아래와 같이 생성합니다. 그리고 6장에서 만들었던 프로젝트의 자바 코드 일부를 다음과 같이 가져옵니다. 8.2 JPQL JPQL(JPA Query Language)는 JPA에서 사용할 수 있는 쿼리입니다. JPQL의 문법은 SQL과 비슷하지만, 엔티티 객체를 대상으로 수행하기 때문에 테이블이나 칼럼의 이름 대신 매핑된 엔티티의 이름과 필드의 이름을 사용합니다. 8.3 쿼리 메서드 살펴보기 리포지토리는 JpaRepository를 상속받는 것으로 기본 메서드를 사용할 수 있지만, 이러한 기본 메서드는 식별자를 기..

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

Hook Hook은 React 버전 16.8부터 React 요소로 새로 추가되었다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있다. useState 가장 기본적인 Hook으로, 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해 준다. 📌사용법 const [변수명, set함수명] = useState(초기값); useState 기능을 사용한 숫자 카운터 구현 import React, { useState } from 'react'; const Counter = () => { const [value, setValue] = useState(0); return ( 현재 카운터 값은 {value}입니다. setValue(value + 1)..

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

project 1 [카운터] 앱 만들기 프로젝트 준비하기 [카운터] 앱 프로젝트 진행 숫자를 더하고 빼는 기능을 구현 요구사항 분석하기 3개의 컴포넌트의 역할 App컴포넌트 : Viewer과 Controller 컴포넌트를 감싸는 템플릿 Viewer 컴포넌트 : 현재의 카운트를 표시함 Controller 컴포넌트 : 카운트를 제어할 수 있는 기능 제공 리액트 앱 만들기 7week > project1 생성 npx create-react-app . 명령어 입력 src 폴더에서 파일 삭제 src/App.test.js src/logo.svg src/reportWebVitals.js src/setupTest.js index.js 수정하기기 import React from 'react'; import ReactDOM..

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

7.1 테스트 코드를 작성하는 이유 개발 과정에서 문제를 미리 발견 할 수 있습니다. 리팩토링의 리스크가 줄어듭니다. 애플리케이션을 가동해서 직접 테스트하는 것 보다 테스트 빠르게 수행 가능합니다. 하나의 명세 문서로서의 기능을 합니다.(협업 : 코드 합칠때 편리) 몇가지 프레임워크에 맞춰 테스트 코드 작성 시 좋은 코드 생산 할 수 있습니다. 코드가 작성된 목적을 명확하게 표현 가능, 불필요한 내용이 추가되는 것을 방지합니다. 7.2 단위 테스트와 통합 테스트 - 단위 테스트 : 애플리케이션의 개별 모듈을 독립적으로 테스트 - 통합 테스트 : 애플리케이션을 구성하는 다양한 모듈을 결합해 전체적인 로직이 의도하는 대로 동작 하는지 테스트 하는 방식 (1) 단위 테스트 특징 단위테스트는 메서드 단위로 테스..

23-24/Spring 1 2023. 11. 17. 10:00

🌟7장 키워드🌟 MySQL 워크벤치 CRUD 시퀄라이즈 서버를 종료해도 데이터가 저장될 수 있도록 데이터베이스를 활용해 보도록 하겠습니다. 7.1 데이터베이스란? 📌 데이터베이스 관련성을 가지며 중복이 없는 데이터들의 집합 서버의 하드 디스크나 SSD등의 저장 매체에 데이터를 저장 서버에 데이터베이스를 올리면 여러 사람이 동시에 사용 7.2 MySQL 설치하기 https://dev.mysql.com/downloads/installer/ MySQL :: Download MySQL Installer Note: MySQL 8.0 is the final series with MySQL Installer. As of MySQL 8.1, use a MySQL product's MSI or Zip archive fo..

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

이번 장에서는 스프링 부트 애플리케이션을 개발하면서 테스트 코드를 통해 우리가 개발한 코드를 어떻게 테스트할 수 있는지 알아보겠습니다. 7.1 테스트 코드를 작성하는 이유 개발 과정에서 코드의 잠재적 문제를 미리 발견할 수 있습니다. 리팩토링 리스크가 줄어듭니다. 코드를 수정하고 추가하는 과정에서 테스트 코드를 실행하는 것만으로도 혹시 모를 부작용에 대비할 수 있습니다. 애플리케이션을 가동해서 직접 테스트하는 것보다 테스트를 빠르게 진행할 수 있습니다. 하나의 명세 문서로서의 기능을 수행합니다. 테스트 코드와 애플리케이션 코드를 비교하면서 보면 작성자의 의도가 파악되어 동료의 코드를 이해하기 쉬워집니다. 몇 가지 프레임워크에 맞춰 테스트 코드를 작성하면 좋은 코드를 생산할 수 있습니다. 코드가 작성된 목..

23-24/Spring 2 2023. 11. 17. 10:00

1. 프로젝트 준비하기 App 컴포넌트: Viewer와 Controller 컴포넌트를 감싸는 템플릿이다. Viewer 컴포넌트: 현재의 카운트를 표시한다. Controller 컴포넌트: 카운트를 제어할 수 있는 기능을 제공한다. 리액트 앱 만들기 npx create-react-app . 다음 파일을 전부 삭제한다. src/App.test.js src/logo.svg src/reportWebVitals.js src/setupTest.js index.js를 수정한다. import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; const root = ReactDOM..

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

익스프레스 프로젝트 시작하기 - 익스프레스는 대표적인 웹 서버 프레임워크이다. - npm init 명령어를 콘솔에서 호출하여 package.json을 제일 먼저 생성해야 한다. // package.json { "name": "learn-express", "version": "0.0.1", "description": "익스프레스를 배우자", "main": "app.js", "scripts": { "start": "nodemon app" }, "author": "ZeroCho", "license": "MIT" } // 콘솔 $ npm i express $ npm i -D nodemon - scripts 부분에 start 속성을 넣어줘야 한다. - nodemon app은 app.js를 nodemon으로 실행한..

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

테스트 코드란 작성한 코드나 비즈니스 로직 자체를 테스트하기 위해 작성한 코드를 의미 7.1 테스트 코드를 작성하는 이유 개발 과정에서 문제를 미리 발견할 수 있습니다. 리팩토링의 리스크가 줄어듭니다. (코드 추가/수정 시) 애플리케이션을 가동해서 직접 테스트하는 것보다 테스트를 빠르게 진행할 수 있습니다. 작성자의 의도가 파악되어 하나의 명세 문서로서의 기능을 수행합니다. (협업 시 용이) 몇 가지 프레임워크에 맞춰 테스트 코드를 작성하면 좋은 코드를 생산할 수 있습니다. 코드가 작성된 목적을 명확하게 표현할 수 있으며, 불필요한 내용이 추가되는 것을 방지합니다. 7.2 단위 테스트와 통합 테스트 테스트 대상 범위를 기준으로 구분 단위 테스트 : 애플리케이션의 개별 모듈을 독립적으로 테스트하는 방식 통..

23-24/Spring 3 2023. 11. 17. 10:00