[ 회원 관리 예제 ]비지니스 요구사항 정리데이터: 회원ID, 이름기능: 회원 등록, 조회아직 데이터 저장소가 선정되지 않음(가상의 시나리오)일반적인 웹 애플리케이션 계층 구조컨트롤러: 웹 MVC의 컨트롤러 역할서비스: 핵심 비즈니스 로직 구현리포지토리: 데이터베이스에 접근, 도메인 객체를 DB에 저장하고 관리도메인: 비즈니스 도메인 객체, 예) 회원, 주문, 쿠폰 등등 주로 데이터베이스에 저장하고 관리됨클래스 의존관계아직 데이터 저장소가 선정되지 않아서, 우선 인터페이스로 구현 클래스를 변경할 수 있도록 설계한다.데이터 저장소는 RDB, NoSQL 등등 다양한 저장소를 고민중인 상황으로 가정한다.개발을 진행하기 위해서 초기 개발 단계에서는 구현체로 가벼운 메모리 기반의 데이터 저장소 사용한다.회원 도메..

24-25/Spring 1 2024. 10. 4. 10:00

1. 자바스크립트 시작console.log()확인하고 싶은 메세지나 데이터를 콘솔에 기록하기 위해 사용한다.주석// 를 사용하거나 /* */ 사이에 적는다.2. 변수 선언var중복 할당과 재할당이 가능하다.let중복 선언이 불가하고 재할당이 가능하다.const상수 선언 시 사용하고 재할당은 불가하다. typeof값의 데이터 유형(문자열)을 반환한다.` ${} `템플릿 리터럴은 백틱 안에서 사용 가능하다. 3. 조건문if주어진 조건이 true라고 평가되면 작업을 실행한다.else ifif가 아닌 다른 조건이 true라고 평가되면 작업을 실행한다.else주어진 조건이 false일 경우 작업을 실행한다.let hungerLevel = 7;if(hungerLevel>7){ console.log('Time to..

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

3. 회원 관리 - 백엔드 개발  비즈니스 요구사항 정리 데이터: 회원ID, 이름기능: 회원 등록, 조회 아직 데이터 저장소가 선정되지 않음(가상의 시나리오)웹 애플리케이션 계층 구조컨트롤러: 웹 MVC의 컨트롤러 역할서비스: 핵심 비즈니스 로직 구현리포지토리: 데이터베이스에 접근, 도메인 객체를 DB에 저장하고 관리도메인: 비즈니스 도메인 객체, 예) 회원, 주문, 쿠폰 등등 주로 데이터베이스에 저장하고 관리됨클래스 의존관계아직 데이터 저장소가 선정되지 않아서, 우선 인터페이스로 구현 클래스를 변경할 수 있도록 설계데이터 저장소는 RDB, NoSQL 등등 다양한 저장소를 고민중인 상황으로 가정개발을 진행하기 위해서 초기 개발 단계에서는 구현체로 가벼운 메모리 기반의 데이터 저장소 사용 회원 도메인과 리..

24-25/Spring 2 2024. 10. 4. 10:00

1. 구조 분해 할당 자바스크립트에서 객체와 배열은 가장 자주 쓰이는 자료 구조이다. 이때 구조 분해 할당(Destructuring Assignment)은 배열 및 객체 안에 있는 요소를 해체한 다음, 변수에 그 값을 저장할 때 사용할 수 있다. 따라서 구조 분해 할당은 객체나 배열에 저장된 데이터 중 일부를 분해하여 개별 변수에 담아야 할 때 쓰이며 이 외에도 함수의 매개변수가 많거나 코드를 간결하게 정리할 때 등 다양한 상황에서 활용이 가능하다.  1-(1) 배열의 구조 분해 할당 가장 먼저 알아볼 것은 배열의 요소를 개별 변수에 할당하여 코드를 간결하게 만드는 방법이다. number 배열 안에 1, 2, 3이라는 값이 저장되어 있을 때, a, b, c 변수에 number 인덱스 값을 저장하여 a, ..

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

비즈니스 요구사항 정리데이터회원 ID, 이름기능회원 등록, 조회기타 사항데이터 저장소는 아직 선정되지 않았으며, 가상의 시나리오로 진행초기 개발 단계에서는 가벼운 메모리 기반 데이터 저장소 사용 예정  일반적인 웹 애플리케이션 계층 구조컨트롤러 (Controller): 웹 MVC에서 컨트롤러 역할서비스 (Service): 핵심 비즈니스 로직을 구현리포지토리 (Repository): 데이터베이스에 접근, 도메인 객체를 DB에 저장 및 관리도메인 (Domain): 비즈니스 도메인 객체  클래스 의존 관계데이터 저장소가 아직 선정되지 않았기 때문에, 인터페이스로 구현 클래스를 변경할 수 있도록 설계초기에는 메모리 기반 저장소를 사용하나, 추후 데이터베이스로 변경할 수 있음   회원 도메인과 리포지토리 만들기?..

24-25/Spring 3 2024. 10. 4. 10:00

정적 컨텐츠파일을 그대로 프론트엔드에 전달한다. resources/static/에 위치한다.  컨트롤러가 우선권을 갖는다.컨트롤러가 없을 시, static 폴더에서 파일을 찾는다. 파일을 찾으면 반환한다.   정적 컨텐츠 vs 동적 콘텐츠 동적 콘텐츠는 서버에서 변형 후 전달한다. (템플릿 엔진) 변형을 위해서는 mvc가 필요하다.    MVC MVC는 Model, View, Controller 이다. View는 화면과 관련된 일만 한다. Controller는 서버와 관련된 일을 한다. Model은 화면에 필요한 데이터를 담아 화면에 넘겨준다. viewResolver가 뷰를 찾아주고 템플릿을 연결한다.변환 후 웹 브라우저에 넘겨준다. (동적)   [ MVC의 Controller ] @Controller ..

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

1. 함수함수를 알아보기 전, 우리가 함수를 사용하는 이유는 무엇일까? 자바스크립트 코드를 작성하다 보면 유사하게 동작하는 코드를 작성할 때가 있다. 이때, 유사한 코드를 중복해 작성하면, 코드는 길어지고 가독성도 현저히 떨어진다. 그래서 우리는 유사코드를 하나로 묶은 함수를 사용한다. 이름이 붙은 명령들의 모음인 '함수'를 사용하며 더 간결하고 구조적인 프로그래밍이 가능하게 된다. 이제 함수의 사용법을 본격적으로 알아보겠다.  1-(1) 함수 선언함수를 사용하기 위해서는 함수를 정의하는 작업인 함수 선언을 해야 한다. 함수 선언은 호출하면 바로 실행할 수 있도록 준비하는 작업이라고 생각할 수 있다. 자바스크립트에서는 function이라는 키워드를 사용해 함수를 만든다. function 키워드 바로 다음..

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

1. 함수 유사하게 동작하는 코드를 중복하여 작성하면, 코드가 길어지고 가독성도 떨어진다.이때, 함수를 사용하면 유사하게 동작하는 중복코드를 하나의 블록 단위로 묶어 간결하게 프로그래밍 할 수 있다. 또한 필요할 때마다 호출하여 사용할 수 있으므로 구조적인 활용이 가능하다. [ 함수 선언 ]function 함수 이름 (매개변수) {  함수가 수행하는 명령} 자바스크립트에서는 'function'이라는 키워드를 사용해 함수를 선언한다. function 다음에는 함수의 이름, 그 다음으로 매개변수가 오며, 중괄호로 감싼 곳에 함수가 수행할 명령을 작성한다. 매개변수는 함수에 값을 전달하는 매개체를 의미한다.[ 함수 호출 ] 함수 선언 이후, 함수를 실행하기 위해서는 함수를 호출해야 한다. function gr..

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

정적 콘텐츠정적 콘텐츠의 개념→ 서버에 저장되어 있는 파일을 웹 브라우저를 통해 그대로 보여주는 것  Spring Boot에서 제공하는 정적 콘텐츠 기능 📍 resources/static 하위에 HTML 파일 생성 웹 브라우저가 톰켓 서버에 localhost:8080/hello-static.html 요청→ ① 컨트롤러가 hello-static을 찾음 ② static 폴더에서 hello-static을 찾음→  파일을 찾으면 반환     동적 콘텐츠동적 콘텐츠의 개념→ HTML을 서버에서 변형하여 보여주는 것→ MVC와 템플릿 엔진을 이용하는 방식, API를 이용하는 방식   MVC와 템플릿 엔진 MVC의 개념→ Model-View-Controller로 역할 분리Model ▶ 화면에 필요한 데이터를 화면으..

24-25/Spring 3 2024. 9. 27. 10:00

1. mvc와 템플릿 엔진- mvc 란? MVC: Model, View, Controller   - Controller 예시 @Controller public class HelloController { @GetMapping("hello-mvc") public String helloMvc(@RequestParam("name") String name, Model model) { model.addAttribute("name", name); return "hello-template"; } }   - view 예시resources/templates/hello-template.html ` ```html ` hello! empty    - mvc, 템플릿 엔진 예시-> 템플릿 엔진 :  ..

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