Programming (41) 썸네일형 리스트형 [React] React의 개요 및 특성 1. 페이스북에서 React 라이브러리를 발표 참고) Angular는 구글이 발표한 Framework이다. 2. UI 상태 자동 관리 화면의 맨 마지막 상태만 관리한다. 3. 속도 빠른 DOM 조작 가상 DOM을 사용한다. 4. 결합이 용이한 UI를 지원하는 API 5. 자바스크립트로 정의하는 비주얼 es6문법을 주로 사용, typescript는 잘 사용하지 않는다. 6. 실시간으로 변경되어 상태를 최신으로 유지 [React] JSX(JavaScript Expression)문법의 사용 규칙 1. 화면에 데이터를 출력할때에는 반드시 하나의 태그를 사용 2.변수 선언 및 값 출력하기 선언 형식) let 변수명=값 출력 형식) {변수명} 3.이벤트 처리함수 선언 및 호출하기 4. 스타일시트 적용하기 1) 스타일시트가 복잡한 경우, .css파일을 만들어서 import로 불러온다. 2) 스타일시트가 적용된 camelCase Object => var 객체명={속성명:속성값~} 5. 화면상에 디자인하기 6. 주석 사용 시 주의할 점 1) 주석을 사용하는 곳이 정해져 있다. 2) 태그와 태그 사이에 주석을 사용할 때는 { } 안에 주석을 사용한다. [Angular] binding 개요 및 종류 binding 개요 컴포넌트는 화면구현을 담당하는 template와 로직을 담당하는 컴포넌트 클라이언트 간의 상호 작용을 위한 방법으로 binding을 이용한다 binding 종류 종류 설명 {{ }} 단방향, 인터폴레이션, 클래스 속성 및 메서드를 template에서 접근 가능 [속성] 속성 바인딩, 태그 안에서 사용되고 속성값으로 컴포넌트 클래스의 속성값과 연동 (이벤트) 이벤트 바인딩, 태그 안에서 사용되고 template에서 발생하는 이벤트를 컴포넌트 클래스의 메서드와 연동 [class.XX] class 바인딩 [style.xx] style 바인딩 [(ngModel)] 양방향 바인딩 [Angular] Angular의 구성요소 구성요소 설명 component @Component + component 클래스 template : 화면구성 역할 담당으로서 html로 작성 directive template의 html태그 내의 속성 핸들링 service 컴포넌트가 공통적으로 사용되는 비즈니스 로직 처리 담당 module 각 구성요소(component,directive,service 등) 관리 [Spring] AOP의 개념 1. AOP Aspect Oriented Programming 문제를 바라보는 관점을 기준으로 프로그래밍하는 기법 2. AOP 주요 용어 용어 의미 Target 프로그램 작성시 반드시 필요한 클래스, 핵심 클래스 Advice Target 클래스에 제공할 공통기능 -> ex) 로그객체를 이용하여 간단하게 출력 Join Point Advice가 적용될 특정 메서드의 전/후 위치를 지정 Point Cut JoinPoint로 지정된 메서드 선정 Weaving Advice를 PointCut으로 삽입하는 과정 Aspect 프로그램 작성시 없어도 크게 문제가 없지만 있으면 도움이되는 클래스, 공통 클래스 ex)유효성 클래스(로그객체를 이용하여 내부과정을 출력) => 단순 반복적인 구문으로 되어있는 소스코드로 작성된 .. [Spring] Spring MVC 의 주요 구성요소 구성요소 설명 DispatcherServlet 클라이언트의 요청을 전달받는다. 컨트롤러에게 클라이언트의 요청을 전달하고, 컨트롤러가 리턴한 결과값을 View에 전달하여 알맞은 응답을 생성하도록 한다. HandlerMapping 클라이언트의 요청 URL을 어떤 컨트롤러가 처리할지를 결정한다. HandlerAdapter DispatcherServlet의 처리 요청을 변환해서 컨트롤러에게 전달하고, 컨트롤러의 응답 결과를 DispatcherServlet이 요구하는 형식으로 변환한다. Controller 클라이언트의 요청을 처리한 뒤, 결과를 리턴한다. ModelAndView 컨트롤러가 처리한 결과 정보 및 뷰 선택에 필요한 정보를 담는다. ViewResolver 컨트롤러의 처리 결과를 보여줄 뷰를 결정한다. .. [Spring] Annotation 사용 목적 편리하게 환경설정을 할 수 있도록 하기위한 방법 자바코드의 일부 대용, 자바코드를 대신 실행시켜준다 장점 적합하게 쓰이면 코드가 간결해지고 유지보수가 용이해짐 대형 시스템엔 계층 구조가 잘 파악되기 위해서 xml사용이 필수 단점 메타정보가 소스코드에 들어가 있으므로 파악하기 어려움 소스코드가 같이 제공되지 않으면 사용에 제약이 따름 @Required 반드시 호출해야되는 메서드에 사용, 호출하지 않으면 에러 유발 @Autowired 의존객체를 만들어 넣어준다 Setter Method외에 다른 메서드에서도 동일하게 사용 가능 해당하는 빈즈객체가 없거나 두개이상 존재시 에러 유발 @Inject 의존객체를 만들어 넣어준다 xml에 따로 @Inject를 위한 빈즈클래스를 등록하지 않아도 된다 pom.x.. [Spring] DI(Dependency Injection)의 개요 Dependency Injection(의존성 객체주입)의 개요 MessageBeanImplDI입장에서 OutFile의 객체가 필요로해서 원하는 위치(멤버변수)에 자동적으로 객체를 넣어주는 기법 DI 설정방법 생성자를 통해서 멤버변수에 객체를 넣어주는 방법(Constructor Injection) Setter Method를 통해서 객체를 넣어주는 방법(Setter Injection) p네임스페이스 사용하는 방법 p네임스페이스 선언 c네임스페이스 사용하는 방법 c네임스페이스 선언 빈즈의 종류 jsp빈즈 --> spring빈즈 --> 분산처리기반의 서버에서 실행되는 객체 이전 1 2 3 4 ··· 6 다음
