1. 스프링 MVC Controller 객체 구현 1) model 전달자 3번 * responsecontroller, ex01, result03, result04 package com.simple.controller; import java.util.Date; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.M..

1. 스프링 MVC Controller 객체 구현 1) @Controller, @RequestMapping을 이용한 URL 맵핑 * Spring-servlet 뷰 합성기 배고 모두 주석 처리 한 후 main에 homecontroller 생성 (Spring-servlet, homecontroller) + 참고 package com.simple.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller //빈으로 생성할 클래스 public class HomeController { @RequestMapping("/test/aa..

1. 의존 객체 자동주입이란? - 스프링 설정 파일에서 의존 객체를 주입할 때 또는 태그로 의존대상 객체를 명시하지 않아도 스프링 컨테이너가 자동으로 필요한 의존대상 객체를 찾아서 의존대상 객체가 필요한 객체에 주입해주는 기능이다. - 구현방법은@Autowired Autowired와 @Resource 어노테이션을 이용해서 쉽게 구현 할 수있다. 2. DI 자동 주입 설정 방법 3. 의존 객체 자동 주입 태그 1) @ Autowired (required = false) (to니까 타입을 기준으로 주입함) - 타입을 기준으로 의존성을 주입, 같은 타입 빈이 두 개 이상 있을 경우 변수이름으로 빈을 찾음 - 주입하려고하는객체의타입이일치하는객체를자동으로주입한다 - Spring 아노테이션 2) @Qualifier..

1. 프레임워크 - 뼈대를 이루는 코드들의 묶음 - 프레임워크란 기본 뼈대이다 . 자동차를 만들 때 뼈대를 구현한 다음 만든다 - 프레임워크는 방향성을 제시하고 원하는 기능을 빠르게 만들 수 있게 함 - 스프링 프레임워크는 주요기능으로 DI, AOP, MVC, JDBC 등을 제공한다 - 모듈: 라이브러리, 프레임워크 안에 미리 만들어져 있는 기능 2. 스프링 컨테이너 - 스프링에서 객체를 생성하고 조립하는 컨테이너로 컨테이너를 통해 생성된 객체를 빈이라고 부른다. 1) 객체 생성 및 속성 데이터 작성 2) 스프링 컨테이너에서 객체 생성 및 조립 3) 애플리케이션 구현 3. 구축(강의 교안 2강 참고) - 위 상단 project에서 spring tool 4 version 선택해서 아래로 내려가면 위 사진 ..

1. 프로젝트 개요 1) 개발 동기: 파파존스를 클론 코딩 하여 사용자가 자신이 원하는 메뉴를 고르고 포장, 배달 주문을 선택할 수 있도록 페이지를 구성하였다. 2. 프로젝트 상세 1) 기능 구현 - 피자 하프앤 하프를 구성하여 도우, 사이즈, 피자 별로 가격을 매기고(value값으로 각각 부여) 값을 계산하여 e.target.value를 통해 결제 진행 부분으로 넘겼다. 사용자 입장에서는 원하는 맛으로 선택할 수 있는 커스터마이징 기능을 추가함. - 배달, 포장 기능을 모달창을 통해 선택할 수 있도록 구현. - 배달은 우편번호 API, 포장은 카카오맵 API를 사용해서 정보를 선택하거나 볼 수 있음 - 내가 선택한 피자의 정보, 내 주소 정보, 매장 정보 등은 context API를 사용하여 하위 컴포..

git에서 module은 받을 수 없다. yarn이든 npm이든 실행이 안되면 우선 package-lock.json 및 yarn.lock 파일을 삭제 커맨드창에 npm install - 모듈 다운로드 npm start 이렇게 하면 잘 실행된다. 그리고 git branch 확인하면 git에 있는 브랜치 내역이 나옴 1. git checkout master라고 치면 master로 감 2. master에서 git branch -D minjeong 내꺼 브랜치 지움 3. git branch에서 master만 남아있는거 확인 4. 그리고 master에서 git pull origin master 쳐서 master에 있는 거 땡겨오기 git add . git commit - m "real start" git push..

1, 리액트 contextAPI 1) 데이터를 전역으로 관리하자 contextAPI or Redux - API 문서 : https://ko.reactjs.org/docs/context.html Context – React A JavaScript library for building user interfaces ko.reactjs.org - React를 하다보면 여러 컴포넌트를 거쳐서 자료를 전달해야 하거나, 동시에 같은 자료를 사용해야 하는 경우가 생깁니다. Context는 리액트 컴포넌트 간에 어떠한 값을 공유 할 수 있게 해주는 기능입니다. 주로 Context는 전역적(global)으로 필요한 값을 다룰 때 사용합니다. 2) Props로만 데이터를 전달하는 것은 한계가 있다. - 리액트에서는 일반적으..

1. Ajax란? - AJAX ( Asynchronous Javascript and XML) 은 웹 페이지의 이동없이 필요한 데이터만 전송하는 기술입니다. - 웹 어플리케이션에서 데이터를 가져올 때 서버쪽 데이터가 필요할 때 ajax기법을 사용하게 됩니다. - 이 작업은 시간이 오래 걸릴 수도 있기 때문에 비동기적으로 처리하게 됩니다. - 비동기(asynchronous)는 요청이 끝날 때 까지 기다리는 것이 아니라, 동시에 여러 작업을 수행하게 됩니다. - 나중에 react에서는 다른 서버의 REST API와 통신을 이용하여 데이터베이스 데이터를 가져올 수 있습니다. 2. ES6의 fetch를 이용해서 리액트에서 데이터 처리하기 - fetch를 하면 promise라는 객체를 반환함. ( promise.t..