테스트 코드를 작성하는 이유 개발 과정에서 문제를 미리 발견할 수 있다리팩토링의 리스크가 줄어든다애플리케이션을 가동해서 직접 테스트하는 것보다 테스트를 빠르게 진행할 수 있다하나의 명세 문서로서의 기능을 수행한다몇 가지 프레임워크에 맞춰 테스트 코드를 작성하면 좋은 코드를 생산할 수 있다코드가 작성된 목적을 명확하게 표현할 수 있으며, 불필요한 내용이 추가되는 것을 방지한다. 테스트  기준은 여러 기준으로 분류할 수 있고ㅡ 테스트 대상 범위를 기준으로 구분하면 크게 단위 테스트, 통합 테스트로 구분된다.   테스트 코드를 작성하는 방법 Given-When-Then 패턴불필요하게 코드가 길어지므로 간단한 테스트로 여겨지는 단위 테스트에서는 잘 사용하지 않는다.명세 문서의 역할을 수행한다는 측면에서 많은 도..

24-25/Spring 2 2024. 12. 27. 10:00

1. 프로젝트 준비하기 첫 번째 프로젝트 카운터 앱에 이어서 두 번째 프로젝트로 할 일 관리 앱을 만들자.이 프로젝트에서는 요구사항 분석, UI, 기능 구현의 흐름을 이해하는 것이 목표다.또한, CRUD 기능 구현이란 무엇인지 이해해 보자.   [ 요구사항 분석 ]  프로젝트1 카운터앱을 준비할 때와 마찬가지로 앱의 요구사항을 분석하고, 이를 토대로 필요한 기능을 하나씩 구현해 보자.  아래는 할 일 관리 앱을 최종적으로 구현한 모습이다. 이처럼 할 일 관리 앱에는 다음과 같은 기능이 있다!오늘의 날짜를 요일, 월, 일, 연도순으로 표시할 일을 작성하는 입력 폼버튼 클릭 시 할 일 아이템을 생성하는 추가 기능생성한 아이템을 페이지 하단에 표시하는 리스트원하는 할 일만 추출할 수 있는 리스트할 일을 마쳤는..

24-25/React.js 2 2024. 12. 27. 10:00

🌟키워드: 몽고디비, 컴퍼스, 데이터베이스, CRUD, 몽구스  1. 몽고디비- mongoDB : 자바스크립트 문법 사용- NoSQL vs SQLmongoDB는 NoSQL의 대표적인 데이터베이스 NoSQL:- 고정된 테이블이 없다. 컬럼을 따로 정의하지 않고 그냥 users 컬렉션을 만들고 끝이다. users컬렉션에는 어떠한 데이터든 들어갈 수 있다.- JOIN 기능이 없으며, 하나의 쿼리로 여러 테이블을 합치는 작업이 항상 가능하지는 않다. 동시에 쿼리를 수행하는 경우 쿼리가 섞여 예상치 못한 결과를 낼 가능성이 있다.→ But, 몽고디비는 확장성과 가용성 때문에 사용한다. → 데이터의 일관성을 보장해주는 대신 데이터를 빠르게 넣을 수 있고, 쉽게 여러 서버에 데이터를 분산할 수 있다.Example)..

24-25/Node.js 2 2024. 12. 27. 10:00

8.1. SQL vs. No SQLSQL(MySQL)NoSQL(몽고디비)규칙에 맞는 데이터 입력테이블 간 JOIN 지원안정성, 일관성용어(테이블, 로우, 컬럼)자유로운 데이터 입력컬렉션 간 JOIN 미지원확장성, 가용성용어(컬렉션, 다큐먼트, 필드) MySQL과 달리 몽고디비는 컬럼과 자료형, 옵션 등을 정의하지 않고 users 컬렉션을 만들면 끝이다. 또한 몽고디비에는 JOIN 기능이 없다. 📌 몽고디비를 사용하는 이유는 확장성과 가용성 때문이다. 데이터를 빠르게 넣을 수 있고, 쉽게 여러 서버에 데이터를 분산할 수 있다. 애플리케이션을 만들 때 SQL, NoSQL을 동시에 사용할 수 있다. 예를 들어 항공사 예약 시스템의 경우 비행기 표에 관한 정보가 모든 항공사에 일관성 있게 전달되어..

24-25/Node.js 1 2024. 12. 27. 10:00

테스트 코드: 작성한 코드나 비즈니스 로직 자체를 테스트하기 위해 작성한 코드 📌 테스트 주도 개발(TDD): 테스트 코드를 더 잘 작성하고 활용할 수 있는지 고민한 결과로 등장한 애자일 방법론 중 하나 → 테스트 코드를 작성하는 것과는 엄연히 다르지만 개발 관점을 다르게 볼 수 있는 기회가 될 수 있음 작성 이유개발 과정에서 문제를 미리 발견할 수 있음리팩토링의 리스크가 줄어듦애플리케이션을 가동해 직접 테스트하는 것보다 테스트를 빠르게 진행할 수 있음하나의 명세 문서로서의 기능을 수행함몇 가지 프레임워크에 맞춰 테스트 코드를 작성하면 좋은 코드를 생성할 수 있음코드가 작성된 목적을 명확하게 표현할 수 있음불필요한 내용이 추가되는 것을 방지함 테스트 방법 분류 - 테스트 대상 범위 기준 📌 V모델에서..

24-25/Spring 1 2024. 12. 27. 10:00

1. 프로젝트 준비하기프로젝트 구현에 앞서 구현에 필요한 준비 작업을 진행하자. 프로젝트 1을 준비할 때처럼 먼저 앱의 요구사항을 분석하고, 이를 토대로 필요한 기능을 하나씩 구현하겠다.  1-(1) 요구사항 분석하기최종 구현 페이지에서  [할 일 관리] 앱에는 4가지의 기능이 있다. 오늘의 날짜를 요일, 월, 일, 연도순으로 표시한다.할 일(Todo)을 작성하는 입력 폼이 있고, 버튼을클릭하면 할 일 아이템을 생성한다.[할 일 관리] 앱은 생성한 아이템을 페이지 하단에 리스트로 표시하는데, 키워드 검색으로 원하는 할 일만 추출할 수 있다.리스트로 표시하는 낱낱의 할 일 아이템은 이릉ㄹ 마쳤는지 여부를 표시하는 체크박스, 아이템 이름, 등록 날짜, 그리고 버튼으로 이루어져 있다.요구사항 분석에 맞게 페..

24-25/React.js 1 2024. 12. 27. 10:00

Hooks는 리액트에 새로 도입된 것으로 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 도와준다. 리액트 내장 Hooks사용 -> 커스텀 Hooks 만들기    1. useStateuseState: 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다. (함수형 컴포넌트에서 상태를 관리) useState 함수의 파라미터에는 상태의 기본값을 넣어 준다. 현재 0을 넣어 주었는데, 결국 카운터의 기본값을 0으로 설정하겠다는 의미다. 이 함수가 호출되면 배열을 반환한다. 그 배열의 첫 번째 원소는 상태 값, 두 번째 원소는 상태를 설정하는 함수다. 이 함수에 파라미터를 넣어서 호출하면 전달받은 파라미터로 값이 바뀌고 컴포넌트가 정상적으로 리렌더링된다.   // Counter.jsimport..

24-25/React.js 1 2024. 11. 29. 10:00

6. 데이터베이스 연동 6.6 데이터베이스 연동5장에서와 동일한 방식으로 name이 jpa인 프로젝트를 생성합니다.의존성 선택 단계에서는 Lombok, Spring Configuration Processor, Spring Web, Spring Data JPA, MariaDB Driver를 선택합니다. * Spring Boot 3.x.x 부터는 SpringFox와 호환 되지 않으므로, springdoc을 사용합니다. 연동할 데이터베이스의 정보를 application.properties 파일에 작성합니다.# 데이터베이스 연동spring.datasource.driverClassName=org.mariadb.jdbc.Driverspring.datasource.url=jdbc:mariadb://localhost:..

24-25/Spring 3 2024. 11. 29. 10:00

7.1. 데이터베이스란?데이터베이스 : 관련성을 가지며 중복이 없는 데이터들의 집합DBMS : 데이터베이스를 관리하는 시스템서버의 하드 디스크나 SSD 등의 저장 매체에 데이터 저장서버에 올리면 여러 사람이 동시에 사용 가능각각 다른 권한을 줘서 어떤 사람을 읽기만 가능하고, 어떤 사람은 모든 작업을 가능하게 할 수 있음RDMS라고 부르는 관계형 DBMS가 많이 사용 (MySQL, 워크밴치 설치 과정 생략) 7.4. 데이터베이스 및 테이블 생성하기1. 데이터베이스 생성하기CREATE SCHEMA [데이터베이스명] : 데이터베이스를 생성하는 명령어 (스키마 = 데이터베이스)use nodejs; : nodejs 데이터베이스를 사용하겠다는 것을 알림DEFAULT CHARACTER SET ufg8mb4 DEFA..

24-25/Node.js 1 2024. 11. 29. 10:00

데이터베이스 연동프로젝트 생성(5장과 동일)   Swagger 설정(5.6절과 동일 - 변경사항 있음)📌Spring Boot 버전 3.x.x 이상부터는 기존 SpringFox 호환 안됨      따라서 pom.xml파일에 아래와 같이 swagger 의존성 추가// jpa/pom.xml ... org.springdoc springdoc-openapi-starter-webmvc-ui 2.0.2 ...  📌마찬가지로 SwaggerConfiguration도 다음과 같이 설정config/SwaggerCofiguration.java@Configurationpublic class SwaggerConfiguration { @Bean public OpenAPI ..

24-25/Spring 1 2024. 11. 29. 10:00

🌟키워드: 데이터베이스, MySQL, CRUD, Sequelize, 모델1. 데이터베이스- 데이터베이스: 관련성을 가지며 중복이 없는 데이터들의 집합- DBMS: 데이터베이스 관리 시스템- RDBMS(Relational DBMS): 관계형 DBMS로 Oracle, MySQL, MSSQL 등이 있다.2. MySQL 설치하기※ 운영체제에 따라 책을 참고해 설치 - MySQL 명령 프롬프트로 접속설치된 폴더 경로로 이동 → (콘솔) mysql -h localhost -u root -p 입력3. 워크벤치 설치하기https://dev.mysql.com/downloads/workbench/ MySQL :: Download MySQL Workbench dev.mysql.com4. 데이터베이스 및 테이블 생성하기데이..

24-25/Node.js 2 2024. 11. 29. 10:00

6장. 데이터베이스 연동 6.6.1 프로젝트 생성5장에서 생성한 방식과 동일하게 프로젝트 생성- 버전: 2.5.6, groupId: 'com.springboot', name: 'jpa', artifactId: 'jpa',- 의존성 선택 단계: Developer Tools: Lombok, Spring Configuration Processor, Web: Spring Web, SQL: Spring Data JPA, MariaDB Driver 5.6절에서 진행했던 Swagger 의존성을 pom.xml 파일에 추가 io.springfox springfox-swagger2 2.9.2 i..

24-25/Spring 2 2024. 11. 29. 10:00