일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 게시판
- https://velog.io/@velopert/create-typescript-react-component
- toString
- object
- 출처 : https://joshua1988.github.io/web-development/javascript/promise-for-beginners/
- http://jeonghwan-kim.github.io/dev/2019/06/25/react-ts.html
- 출처 : https://webdir.tistory.com/506
- Today
- Total
목록글 전체 보기 (234)
Back Ground
AngularJS 살펴보기 1. To-Do 웹 어플리케이션 AngularJS를 간단히 살펴보기 위해서는 To-Do 어플리케이션을 구현해보는 것입니다. 이번 장에서 간단하게 할 일을 추가, 수정할 수 있는 웹을 AngularJS를 통해서 작성해 보겠습니다. todo 폴더를 생성하여, index.html을 아래와 같이 작성합니다. * index.html 12345678910 My To-Do App AngularJS To-Do App 여기까지 작성 후, 트위터 Bootstrap을 적용하겠습니다. http://getbootstrap.com/ 에 접속해서 내려받아서 라이브러리에 추가할 수 있지만, CDN을 통해서 적용할 수도 있습니다. 위에서 작성한 index.html의 head 태그안에 추가해줍니다. 그리고 b..
엥귤러 소개 AngularJS Introduction AngularJS는 자바스크립트 프레임워크(JavaScript Framework) 입니다. HTML 페이지에 태그를 추가하여 사용가능 합니다. AngularJS는 Directives를 붙인 HTML 요소의 확장입니다. Expressions HTML로 데이터를 연결 할 수 있습니다. Directives ng-app의 영향을 받아 바로 HTML과 결합하여 출력합니다. ng-app가 AngularJS의 사용 여부를 결정하는 것입니다. AngularJS는 레코드를 읽고 만들고 삭제하는 CRUD에 적합합니다. ng-app 지시자는 AngularJS의 프로그램을 자동으로 부트스트랩 합니다. (bootstrap(UI)플러그인과 다른 의미) ng-modle 지시자..
IoC 컨테이너는 각 컨테이너에서 관리 할 객체들을 위한 별도의 설정 파일이 있다.Servlet 컨테이너는 web.xml 파일에EJB 컨테이너는 ejb-jar.xml 파일에 해당 컨테이너가 생성하고 관리할 클래스들을 등록한다 web.xml 파일이란? 1. 톰캣의 실행환경에 대한 정보를 담당하는 '환경설정' 파일 이다. 2. 각종 servlet의 설정과 servlet 매핑, 필터, 인코딩 등을 담당한다. 3. web.xml은 톰캣에 있는 모든 web application의 기본설정을 정의한다. 4. web.xml은 각 application이 deploy될 때 각 application의 'WEB-INF/web.xml' deployment descripter에 따라서 처리가 된다. 5. 각 applicatio..
IoC(Inversion of Control) 컨테이너 스프링 프레임워크를 이해하는 데 가장 중요한 개념이 바로 컨테이너이다. 컨테이너의 개념은 스프링에서 처음 사용된 것은 아니며, 기존의 서블릿이나 EJB 기술에서 이미 사용해왔다.그리고 대부분 컨테이너는 비슷한 구조와 동작 방식을 가지고 있으므로 서블릿 컨테이너를 통해 스프링 컨테이너의 동작 방식을유추 해볼 수 있다. 다음과 같이 간단한 서블릿 클래스를 만들었다고 가정하자. HelloServlet.java 123456789public class HelloServlet extends HttpServlet { public HelloServlet(){ System.out.println("===>HelloServlet 객체 생성"); } protected v..
결합도(Coupling)가 높은 프로그램 결합도란 하나의 클래스가 다른 클래스와 얼마나 많이 연결되어 있는지를 나타내는 표현이며, 결합도가 높은 프로그램은 유지보수가 어렵다. 이 결합도와 유지보수 관계를 이해하기 위해서 간단한 실습을 진행해보자. BoardWeb 프로젝트 src/main/java 소스 폴더에 SamsungTV 클래스를 작성한다. 결합도가 낮다? 높다? 제공자 (타.이.어) back:결합도가 어떤경우가 높고 낮은건가요? 타.이.어: 스프링 DI가 결합도를 낮추기 위한 기법중 하나인 것 같아요클래스 하나의 내용을 고치고, 프로그램이 에러없이 그대로 돌아가려면 100개의 다른 클래스를 고쳐야하면 결합도가 높은 것이고1개의 클래스만 고치면 되는게 결합도가 낮은거에요 결합도가 낮은 프로그래밍일수록..
제어의 역행 IoC(Inversion of Control) 우리가 비즈니스 컴포넌트를 개발할 때, 항상 신경 쓰는 것이 바로 낮은 결합도와 높은 응집도이다.스프링은 제어의 역행 (Inversion of Control, IoC)을 통해 애플리케이션을 구성하는 객체 간의 느슨한 결합, 즉 낮은 결합도를 유지한다. 다음은 IoC가 적용되는 않은 상황과 IoC가 적용된 상황을 그림으로 표현한 것이다. IoC가 적용되기 전에는 애플리케이션 수행에 필요한 객체의 생성이나 객체와 객체 사이의 의존관계를 개발자가 직접 자바코드로 처리했었다. 이런 상황에서는 의존관계에 있는 객체를 변경할 때, 반드시 자바 코드를 수정해야 한다. 하지만 IoC가 적용되면 객체 생성을 자바 코드로 직접 처리하는 것이 아니라 컨테이너가 대신..
hadoop은 리눅스에서만 돌아가기 때문에 vm웨어를 설치하여 해보자. 하기전 필요한 Setting window VM웨어를 사용한 Hadoop VM웨어 : 하나의 물리적인 컴퓨터에 가상 PC를 설치하여 여러 대의 컴퓨터에 여러 운영체제를 구동시키는 것과 유사한 효과를 제공하는 가상 PC 프로그램입니다 Ubuntu : 리눅스를 쉽게 사용할 수 있도록 만들어진 배포판입니다. 데비안 GNU/Linux를 기반으로 하고 있습니다. VM웨어 설정 같은 네트워크에서 IP를 두개쓰는 개념으로윈도우와 리눅스가 같은 네트워크를 사용하는 것이다하지만 NAT은 윈도우와 리눅스와 다른 네트워크로 설정한다는 것인터넷이 안될땐 그냥 NAT로 설정해서 들어간다 (Ubuntu에서 설정) Ctrl + Alt + T 를 누르면 된다. 콘..
오버라이딩(Overriding) - 재 정의 - 상속관계에 있을 때 부모로 부터 상속받은 기능 즉, 메서드가 기능적으로 불필요한 경우에 자식클래스가 다시 정의하는 것을 말한다. ■ 오버라이딩의 규칙자식클래스에서 오버라이딩하는 메서드는 부모클래스의 메서드와 - 이름이 같아야 함- 매개변수가 같아야 함- 리턴타입이 같아야 함 접근제한자는 부모클래스와 같거나 더 넓게 지정해야 함 * 접근제한자의 넓은개념부터의 순서 : public > protected > default(생략한 경우) > private [예제 - CellPhone.java]1234567package day21; public class AndroidPhone extends CellPhone{ public void call() { //부모의 메서드..