inswave 기술 블로그

[test] test

Wed, 07 Dec 2022 12:00:00 +0900

[test]

준비중입니다.감사합니다.

[0012] C++

Mon, 18 Jun 2018 12:00:00 +0900

[C++]

C 기초 : SoEn:소프트웨어 공학 연구소
- 포인터의 개념을 확실하게 이해해야 C++을 조금이라도 이해할 수 있다.
- 15장 포인터 고급, 16장 함수 고급 이해 필요.
C++ 기초 : SoEn:소프트웨어 공학 연구소
- 26-2 복사생성자, 28장 연산자 오버로딩, 30장 다형성, 31장 템플릿, 37장 STL
effective C++
effective modern C++
A Tour of Modern C++
Bjarne Stroustrup - The Essence of C++
boost

3. C++ 기초

3-1. pointer

메모리에 직접 접근하는 기능

pointer 때문에 모든게 2배로 복잡해짐.

const 표현도 2가지 경우가 존재

  const int A = 100;
  const int* const pA = &A;

pointer type 전용 연산 : *, ->

int* pA = &A; *pA = 200;
struct point2D { int x; int y;}
point2D t;
point2D* pt = &t;
t.x = 100;
pt->y = 100;

function pointer

  int addFunc(const int a, const int b) {
      return a+b;
  }
  int (*pAddFunc)(const int, const int) = addFunc;
  int i = pAddFunc(3, 5);
  int callbackFunc(const int a, const int b, int (*pFunc)(const int,const int)) {
      return (*pFunc)(a, b);
  }

(c++) member function pointer
(c++) copy constructer
(c++) virtual function
(c++11) move constructor
template 에서도 pointer는 별개로 취급함.

segmentation fault
- user mode에서 프로그램 영역을 벗어난 주소지를 참조하는 경우 발생. 운영체제가 다른 프로그램들을 보호하기 위해 실행중인 프로그램을 강제로 종료시킨다.
  - null dereference
  - dereference freed memory
- kernel mode에서는 segmentation fault는 발생하지 않는 대신 blue screen of death가 발생

memory leak

메모리 할당만 하고 해제는 하지 않는 경우

double free

  auto x = new Polynomial();	// Polynomial* x = new Polynomial();
  auto y = x;	// Polynomial* y = x;
  delete x;
  delete y; // double free

double free 방지 코드

  #define SAFE_DELETE(p) { if (p) { delete (p); (p) = nullptr; }}

3-2. const

c++의 const

      const int A = 100;
      A = 200; // error
      const point2D pt1(100,200);
      pt1.x = 100; // error
      const point2D* pa1 = new point2D(100,200);
      point2D* const pa2 = new point2D(100,200);
      pa1->x = 200; // error
      pa2->x = 200; // ok
      pa1 = new point2D(200,100); // ok
      pa2 = new point2D(200,100); // error

const in member function

  class A {
  private : 
      point2D m_pt;
  public:
      point2D set(const point2D& t_pt) const {
          m_pt = t_pt; // error 
      }
      const point2D set(const point2D& t_pt) {...} // deprecated at c++11. use std::unique_ptr instead		
  }

3-3. reference

reference의 기본 개념
기존의 pointer의 단점을 보완하기 위해 만들어진 개념
포인터와의 비교
- 변수형 앞에 &을 붙인다 (T&)
- 가리키는 대상을 바꿀 수 없다. (T const *)
- 더블 레퍼런스라는 개념은 존재하지 않는다.
- 레퍼런스에 대한 모든 연산은 가리키는 대상에 대한 연산으로 해석된다.
- 함수 인자에서 레퍼런스를 취할 경우 call-by-reference 방식으로 동작한다.
pointer 대신 reference를 쓰는 이유
- 가리키는 대상을 바꿀 수 없게 하기 위해
- 표현을 보다 직관적으로 하기 위해
- copy constructor, template에서 필수적으로 필요
C++11에서는 기존의 T& 형식 이외에 T&&라는 새로운 형식을 추가하였다.
- T&을 lvalue reference, T&&을 rvalue reference라고 부른다. (T&&은 더블 레퍼런스가 아니다)

3-4. copy constructor

복사 생성자의 개념

언제 호출되는가?

객체 초기화 중 아래와 같은 과정에서 호출됨

  class B {
  B() { } // 기본 생성자
  B(const B &obj) { } // 복사 생성자
  B(B&& obj) { } // 이동 생성자 (C++11)
  ~B() { } // 파괴자
  }
  B obj1;
  B obj2 = obj1; // 복사생성자 호출
  B obj3(obj1); // 복사생성자 호출
  B obj4;
  B obj4 = obj1; // 대입 연산자 = 이 호출되고, class B에서 대입연산자를 정의하지 않아 오류 발생

함수 인자로 객체 전달 시 호출됨

  void testFunc(B obj) {}; 
  testFunc(obj1); // 복사생성자 호출

왜 존재하는가?
- 성능 향상을 위해 : 임시 객체를 생성할 때 기본 생성자를 호출하는 것은 낭비이다.
- 특히 함수 객체를 call-by-value로 전달하는 경우를 위해 만들어짐.
동작 원리
- 복사 생성자를 정의하지 않을 경우 기본 복사 생성자와 기본 대입 연산자(=)가 정의됨.
- 기본 복사 생성자와 기본 대입 연산자는 얕은 복사를 수행함.
- 깊은 복사가 필요한 경우에는 반드시 복사 생성자 및 대입 연산자를 정의해야 함.
- 복사 생성자를 정의할 경우 기본 대입 연산자는 삭제됨.

copy constructor 호출을 최소화하는 방법

함수 인자 정의 시 call-by-value 대신 const call-by-reference 사용

  void testFunc(B obj) {}; // 복사 생성자 및 파괴자가 호출됨.
  void testFunc(const B& obj) {}; // 복사 생성자와 파괴자의 호출이 생략됨. 그리고 const에 의해 obj의 값 변경 불가능

3-5. virtual function

가상 함수의 개념
가상 함수의 활용
c++ 방식의 다형성을 지원하는 방법 중 하나
Java와 같은 다른 객체 지향 언어들은 virtual function만을 지원함
virtual function일 필요가 없는 함수들도 분명히 존재함
c++ 에서는 오버헤드를 없애기 위해 기본을 비가상 함수로, virtual 키워드를 붙이는 경우에만 가상 함수로 만듬.

vtable을 만들어서 관리. 오버헤드 발생.

  class virtual_parent {
  public:
      int get(int x) {
          return x;
      }
      virtual int get2(int x) {
          return x + 1;
      }
  };
  class virtual_child1 : public virtual_parent {
  public:
      int get(int x) {
          return x + 10;
      }
      int get2(int x) {
          return x + 100;
      }
  };
  virtual_parent* x = new virtual_parent();
  virtual_child1* y = new virtual_child1();
  virtual_parent* p = x;
  int a = p->get(100);	// parent의 get 호출 
  int a2 = p->get2(100);	// parent의 get2 호출 
  p = y;
  int b = p->get(100);	// parent의 get 호출 
  int b2 = p->get2(100);	// child1의 get2 호출 

3-6. operator overloading

연산자 오버로딩 기초(https://www.tutorialspoint.com/cplusplus/cpp_overloading.htm)

잘 사용하면 객체의 관계를 훨씬 더 직관적으로 보이게 할 수 있다.

  class BigDecimal {
  private:
      std::vector<int> m_data;
  public:
      BigDecimal(const std::string& n) {
          for (const char&c : n)
          {
              m_data.emplace_back(static_cast<int>(c - '0'));
          }
      }
      BigDecimal(const BigDecimal& obj) {
          m_data = obj.m_data;
      }
      const BigDecimal operator +(const BigDecimal& obj) const; // 1
      const BigDecimal operator +(const std::string& n) const; // 2
      const BigDecimal operator -(const BigDecimal& obj) const; // 3
      const BigDecimal operator -(const std::string& n) const; // 4
      const BigDecimal operator *(const BigDecimal& obj) const; // 5
      const BigDecimal operator *(const std::string& n) const; // 6
      const BigDecimal operator ^(const BigDecimal& obj) const; // 7
      const BigDecimal operator ^(const std::string& n) const; // 8
      BigDecimal& operator =(const BigDecimal& obj); // 9
      BigDecimal& operator =(const std::string& n); // 10
      bool operator ==(const BigDecimal& obj) const; // 11
      bool operator !=(const BigDecimal& obj) const; // 12
      BigDecimal& operator +=(const BigDecimal& obj); // 13
      BigDecimal& operator -=(const BigDecimal& obj); // 14
  };
  BigDecimal a(std::string("100"));
  BigDecimal b("300");
  BigDecimal c = a + b + std::string("300") + "500"; // 1,2,9 
  c += a * b; // 5,13
  if(a == b) { } // 11 

3-7. functor

function objects (functors)
functor의 특징
class 생성자 ()를 overloading 하는 기법
function object는 1급 객체이고, inline으로 동작할 확률이 높아 function pointer에 비해 훨씬 성능면에서 뛰어나다.
가상함수를 대신해서 사용했을 때 vtable을 생성하지 않는다.
뿐만 아니라 function status와 같은 추가 정보를 쉽게 관리할 수 있다.
C++11에서 등장한 lambda expression에서는 functor를 사용한다.

3-8. template : generic programming

c와 c++의 결정적인 차이 중 하나
strongly-typed language의 혁명
함수 템플릿
클래스 템플릿

example : atoi, atof, atol

  template <typename T>
  T ato(const char* c);
  template <>
  int ato<int>(const char* c) { return atoi(c); }
  template <>
  double ato<double>(const char* c) { return atof(c); }
  template <>
  long ato<long>(const char* c) { return atol(c); }
  int i = ato<int>(std::string("103050").c_str());
  double d = ato<double>(std::string("103050.23243").c_str());

template metaprogramming
- simple C++11 TMP
템플릿의 타입 추론 방법
- Template argument deduction
- effective modern C++ 9~18 page

3-9. STL

C++ 표준 라이브러리의 모음.
모두 template로 이루어져 있다.
C++ 협회가 관리
boost library에 등록된 기능 중 안정화된 기능이 stl로 등록되는 경우가 많다.
유용한 기능
- [](http://en.cppreference.com/w/cpp/algorithm) : 잡다한 기능을 제공. 다른 stl library를 쓰려면 알아야 한다. sort, search기능은 TMP까지 적용되어 매우 빠르다.
- [](https://www.geeksforgeeks.org/vector-in-cpp-stl/) : 이걸 사용할 수 있게 되면 더 이상 메모리 관리를 일일이 신경쓰지 않아도 된다.
- [](https://www.geeksforgeeks.org/stdstring-class-in-c/) : string 처리를 javascript만큼 쉽게 처리할 수 있도록 해준다.

4. modern C++

4-1. move semantics

복사 생성자에 대한 의문 - 과연 이것이 최선인가?
임시로 만들어지는 임시객체들이 왜 복사생성을 거쳐야 하는가? 원본이 필요없다!
임시 객체는 복사가 아니라 단순히 이동만 해야 하는 것이 아닌가? copy&paste 개념이 아니라 move 개념이어야 한다.
그렇다면 어떤 경우에 이동이 일어나야 하고 어떤 경우에 복사가 일어나야 하는가? -> Rvalue Reference 개념의 탄생

lvalue reference, rvalue reference

  BigDecimal a(std::string("100")); // std::string("100")은 임시객체. 객체가 유지될 필요가 없는 존재다. 
  BigDecimal b("300"); // 마찬가지로 std::string("300")은 유지될 필요가 없는 존재이다. 
  BigDecimal c = a + b + std::string("300") + "500"; // std::string("300"), std::string("500")은 유지될 필요가 없다. 
  c += a * b; // a*b를 연산한 중간 결과물은 유지될 필요가 없다.

4-2. auto / decltype / decltype(auto)

auto : 컴파일러가 type을 자동으로 추론하는 기능.
template type의 경우 template type 추론 원리와 동일

4-3. shared_ptr

garbage collection 기능을 C++에 구현하기 위해 만든 STL

4-4. lambda expression

functional languague에 영감을 받아 만든 기능
functor를 사용한다.

감사합니다.

[0011] Java9

Tue, 08 May 2018 13:00:00 +0900

Java9

OverView

1. Java history

2. 용어설명

3. Java9 변화된 부분

1. Java history

Java history

1991 : Green (Oak)
1994 : JDK EAs
1996 1월 : JDK 1.0
1997 2월 : JDK 1.1
1998 12월 : J2SE 1.2
2000 5월 : J2SE 1.3
2002 2월 : J2SE 1.4
2004 9월 : J2SE 5.0

Java history

2006 12월 : Java SE6
2011 7월 : Java SE7
2014 4월 : Java SE8
2015 12월 ~ 2016 5월 : Java SE9 (feature complete)
2016 9월 : Java SE9 (release)
2017/01/26 : Final Release Candidate
2017/03/23 : General Avaiability
Java8 이후 2년 간격으로 새로운 버전을 내놓을 예정

2. 용어설명

JCP, JSR, JEP

JCP (Java Community Process)
- Java 기술의 표준 기술 명세서를 개발하는 체제
JSR (Java Specification Request Java)
- 요구사항 상세 명세
- Java Platform에 제안된 실제 명세서와 최종결정된 명세
JEP (JDK Enhancement Proposal)
- Java Development Kit과 OpenJDK을 향상시키기 위한 제안들을 모으는 오라클의 밑그림을 그리는 처리방법, 장기적인 로드맵 역할을 한다

OpenJDK

Sun이 JDK를 오픈소스화 하기 위해 2007년 OpenJDK를 만듬
3rd-Party 라이브러리의 저작권자에게 오픈소스로 공개 요청하였으나 잘되지 않았음. 일부 컴포넌트를 제외하고 나머지 JDK 소스 전부를 OpenJDK에 제공, JDK7 프로젝트의 기반이 됨.
Oracle JDK 는 OpenJDK에 포함되지 않은 Component까지 모두 갖춘 프로젝트

3. Java9 변화된 부분

Java Platform Module System

Module 이란 ?
- module-info.java라는 파일에 아래 3가지를 정의하는 소프트웨어 단위
- 이름이 무엇인가 ? (name)
  - 충돌을 피하기 위해 패키지 명명 규칙과 유사
- 어떤것을 제공하는가 ? (export)
  - 외부 모듈에서 사용할 수 있도록 공개 API 제공
  - public이라 할지라도 export된 패키지에 없으면 클래스에 접근 할 수 없다.

Java Platform Module System

Module 이란 ?
- 어떤것들이 필요한가 ? (require)
  - 모듈과 의존 관계가 있는 다른 모듈 목록(우리 모듈은 다른 모듈의 export된 모든 public type에 접근 가능)으로 얘기할 수 있다.

Tools

Jshell (The Java Shell)
- 대화식 REPL(Read Eval print Loop) 도구 제공

public class Test {
    public static void main(String[] args) {
        String str = "abcd";
        System.out.println(str.substring(2));
    }
}

jshell> String str = "abcd";
str ==> "abcd"
jshell> System.out.println(str.substring(2));
cd

Tools

Unified JVM Logging
- JVM컴포넌트에 대한 공통 로깅 시스템을 제공
- -Xlog 제공
- Log 메세지는 tag(os, gc, modules..)를 사용. 하나의 메세지는 다수의 tag를 가질 수 있다.
- 로깅 레벨 : error, warning, info, debug, trace, develop
- 3가지 유형의 output 제공 : stdout, stderr, 또는 text file
- 메세지는 time, uptime, pid, tid, level, tags 지원

Tools

HTML5 Javadoc 지원
- 이전 버전에서는 HTML 4.01형식 지원
- JDK9 Javadoc는 HTML5 markup 지원, Doclint 향상
- -html5 parameter 지원
- -Xdoclint는 Javadoc 주석의 문제점을 권장 검사한다. (default 활성화됨)

> javadoc -sourcepath "/Users/bjjeon/Downloads/src" 
  com.html5doc -d /Users/bjjeon/Downloads/html5doc -html5

Language Updates

try-with-resouces 향상
- Java7에서 try-with-resources 구문으로 선어된 resource를 닫을 수 있는 새로운 방법을 도입.
- Java9의 try-with-resources는 코드를 작성하는 향상된 방법 제공

Language Updates

Java7

    // BufferedReader is declared outside try() block
    BufferedReader br = new BufferedReader(new FileReader("C://readfile/input.txt"));
    try (BufferedReader inBr = br) {
            // ...
        }
    } catch (IOException e) {
        // ...
    }

Language Updates

Java9

    // BufferedReader is declared outside try() block
    BufferedReader br = new BufferedReader(new FileReader("C://readfile/input.txt"));

    // Java 9 make it simple
    try (br) {
        String line;
        while (null != (line = br.readLine())) {
            // processing each line of file
            System.out.println(line);
        }
    } catch (IOException e) {
        e.printStackTrace();
    }

Language Updates

Private Interface Method
- Java8은 Interface에 default method, static method라는 두가지 기능을 제공
  - 특정 기능을 처리하는 내부 method 이지만 외부에 공개되는 public method를 만들어야 했다.
  - interface를 구현하는 다른 interface 또는 class가 해당 method에 액세스하거나 상속 할 수 있는것을 원하지 않는다.

Language Updates

Private Interface Method
- Java9 에서는 interface에 private method/private static method라는 새로운 기능을 제공, 중복 코드를 피하고 interface에 대한 캡슐화를 유지 할 수 있다.

    public interface IMyInterface{
     
        private void method1(String arg){
            // do something
        }
     
        private static void method2(Integer arg){
            // do something
        }
    }

Language Updates

Diamond Operator
- Java7 에는 코드를 보다 읽기 쉽게 만드는데 도움되는 Diamond Operator라는 새로운 기능이 있었지만 익명 클래스(Anonymous Inner Class)에는 제한적이었다.
- Java7

        MyHandler<Integer> intHandler = new MyHandler<>(10) {// Anonymous Class };
        MyHandler<?> handler = new MyHandler<>("Onehundred"){// Anonymous Class };

Language Updates

Diamond Operator
- Java9 : 익명 클래스에 대한 Diamond Operator를 허용

        MyHandler<Integer> intHandler = new MyHandler<>(1){
            @Override
            public void handle(){
            }
        };
         
        MyHandler<? extends Integer> intHandler1 = new MyHandler<>(10){
            @Override
            void handle(){
            }
        };
         
        MyHandler<?> handler = new MyHandler<>("One hundred"){
            @Override
            void handle(){
            }
        };

Core Libraries

Process API
- Java9 Process API 지원
- 모든 프로세서, 현재 프로세스, 하위 프로세스 및 종료된 프로세스 정보 확인

    // current Process
    ProcessHandle processHandle = ProcessHandle.current();
     
    processHandle.getPid();
    processHandle.isAlive();
    processHandle.children().count();
    processHandle.supportsNormalTermination();

Core Libraries

Process API
- Java9 Process API 지원
- 모든 프로세서, 현재 프로세스, 하위 프로세스 및 종료된 프로세스 정보 확인

        ProcessHandle.InfoprocessInfo = processHandle.info();
         
        processInfo.arguments();
        processInfo.command();
        processInfo.totalCpuDuration();
        processInfo.user();
         
        // all Processes
        Stream<ProcessHandle> processStream = ProcessHandle.allProcesses();
         
        // destroy Process
        processHandle.destroy();

Core Libraries

Platform Logging API and Service
- default는 LoggerFinder구현이 사용되고 java.util.logging.Logger로 라우팅된다.

        package java.lang;

        public class System {
            System.Logger getLogger(String name) { ... }
            System.Logger getLogger(String name, ResourceBundle bundle) { ... }
        }

Core Libraries

CompletableFuture API 강화
- Java Future를 개선하기 위해 Java8에서 CompletableFuture 제공
- CompletableFuture는 준비 될 때 마다 일부 코드를 실행 할 수 있다.
- Java9에서는 지연 및 시간 초과를 지원하는 개선된 CompletableFuture API를 제공

    delay()
    future.completeAsync(supplier, CompletableFuture.delayedExecutor(3, TimeUnit.SECONDS))

    .thenAccept(result -> System.out.println("accept: " + result));

Core Libraries

CompletableFuture API 강화

        orTimeout()

        // TIMEOUT = 3;
        // doWork() takes 5 seconds to finish
 
        CompletableFuture<String> future = 
                doWork("JavaSampleApproach")
                .orTimeout(TIMEOUT, TimeUnit.SECONDS)
                .whenComplete((result, error) -> {
                    if (error == null) {
                        System.out.println("The result is: " + result);
                    } else {
                        System.out.println("Sorry, timeout in " + TIMEOUT + " seconds");
                    }
                });

Core Libraries

CompletableFuture API 강화

        completeOnTimeout()

        // TIMEOUT = 3;
        // doWork() takes 5 seconds to finish

        CompletableFuture<String> future = 
                doWork("JavaSampleApproach")
                .completeOnTimeout("JavaTechnology", TIMEOUT, TimeUnit.SECONDS)
                .whenComplete((result, error) -> {
                    if (error == null) {
                        System.out.println("The result is: " + result);
                    } else {
                        // this statement will never run.
                        System.out.println("Sorry, timeout in " + TIMEOUT + " seconds.");
                    }
                });

Core Libraries

Factory Method for Collections: List, Set, Map
- Java9은 적은수의 요소로 편리하게 콜렉션과 맵의 인스턴스를 생성 할 수 있는 method를 제공

        List<String> immutableList = List.of("one","two","three");
        Set<String> immutableSet = Set.of("one","two","three");
        Map<Integer,String> immutableMap = Map.of(1,"one",2,"two",3,"three")

Core Libraries

Enhanced Deprecation
- Java9 @Deprecated 애노테이션에 새로운 API forRemoval() 및 since() 지원
- @Deprecated(since =”1.5″, forRemoval = true)

Core Libraries

Stack-Walking API
- Java9은 StackWalker로 스택 추적을 필터링하여 지연 액세스를 위한 스팩 워킹의 효율적인 방법을 제공
- StackWalker 객체를 사용하면 스팩을 가로 질러 액세스 할 수 있다.

    public <T> T walk(Function<? super Stream<StackFrame>, ? extends T> function);
    public void forEach(Consumer<? super StackFrame> action);
    public Class<?> getCallerClass();

감사합니다.

[0010] Code Review

Tue, 08 May 2018 12:00:00 +0900

Code Review

OverView

1. Code ReView ?

2. D2 Naver

3. Kakaotalk

4. SW 지원도구

1.Code Review ?

대면 Code Review - BeyondCompare

2. D2 Naver

3. Kakaotalk

4. SW 지원도구

Subversion

자유 소프트웨어 버전 관리 시스템이다. 명령행 인터페이스에서 사용하는 명령어를 따서 “SVN”이라고 줄여서 부르기도 한다

4. SW 지원도구

git

프로그램 등의 소스 코드 관리를 위한 분산 버전 관리 시스템이다.
기하학적 불변 이론을 바탕으로 설계됐고, 빠른 수행 속도에 중점을 두고 있는 것이 특징이다.
최초에는 리누스 토르발스가 리눅스 커널 개발에 이용하려고 개발하였으며, 현재는 다른 곳에도 널리 사용되고 있다

4. SW 지원도구

gitlab

깃랩은 깃랩 사가 개발한 위키와 이슈 추적 기능을 갖춘 웹 기반의 깃 저장소 관리자의 하나로, 오픈 소스 라이선스 및 사유 소프트웨어 라이선스를 사용한다.

4. SW 지원도구

github

깃허브는 분산 버전 관리 툴인 깃을 사용하는 프로젝트를 지원하는 웹호스팅 서비스이다.
루비 온 레일스로 작성되었다.
GitHub는 영리적인 서비스와 오픈소스를 위한 무상 서비스를 모두 제공한다.

4. SW 지원도구

gerrit

게릿은 무료 웹 팀 코드 협업 도구이다.
소프트웨어 개발자가 팀에서 웹 브라우저를 사용해 소스 코드의 다른 사람의 수정 사항을 검토하거나 변경 사항을 승인 또는 거부할 수 있다.
분산 버전 관리 시스템인 Git과 밀접하게 통합된다.
특정점수를 얻어야 commit 가능하다.

4. SW 지원도구

G 스위트

G 스위트는 구글에서 제공하는 유료 서비스로 클라우드 컴퓨팅 생산성 및 협업 소프트웨어 도구, 소프트웨어 모음이다.
이전 명칭은 업무용 구글 앱스, 기업용 구글 앱스였다.
여기에는 G메일, 구글 드라이브, 구글 행아웃, 구글 캘린더 및 구글 문서도구 등 구글의 인기 있는 웹 애플리케이션이 포함된다

4. SW 지원도구

bugzilla

버그질라는 원래 모질라 프로젝트가 개발하여 사용한 웹 기반의 일반 목적의 버그 추적기 및 테스트 도구이다.
현재 모질라 공용 허가서로 사용권이 제공된다.
1998년에 넷스케이프 커뮤니케이션스가 오픈 소스 소프트웨어로 공개하였으며 다양한 단체가 버그 추적 시스템으로 채택하였다.

4. SW 지원도구

Review board

ReviewBoard 설치 리뷰보드는 협업자들이 함께 소스 코드를 리뷰할 수 있는 웹 기반의 오픈소스 코드 리뷰 도구이다.
오픈소스이면서도 상용에 못지 않은 다양한 기능을 제공하지만, 설치와 설정이 꽤 까다로운 편이다.

4. SW 지원도구

phabricator(파브리케이터)

파브리케이터는 코드 리뷰 도구 Differential, 저장소 탐색기 Diffusion, 변경 사항 감시 도구 Herald, 버그 트래커 Maniphest, 위키 Phriction을 포함한 웹 기반 소프트웨어 개발 협업 도구들이다.
파브리케이터는 깃, 머큐리얼, 서브버전과 연동된다. 자유 소프트웨어로서 아파치 라이선스 버전 2로 이용 가능하다.
파브리케이터는 본래 페이스북에서 내부 도구로 개발되었다.

4. SW 지원도구

CloudBees

Jenkins PaaS 서비스
코드 생성부터 제품 등록 및 운영 관리 도구를 모두 제공
많은 사람들이 추천

4. SW 지원도구

Jenkins/hudson

젠킨스는 소프트웨어 개발 시 지속적 통합 서비스를 제공하는 툴이다.
다수의 개발자들이 하나의 프로그램을 개발할 때 버전 충돌을 방지하기 위해 각자 작업한 내용을 공유 영역에 있는 저장소에 빈번히 업로드함으로써 지속적 통합이 가능하도록 해 준다.
MIT 라이선스를 따른다.
젠킨스는 오라클과의 분쟁 이후 허드슨으로부터 분기되었다.

4. SW 지원도구

Redmine

레드마인은 오픈 소스 프로그램으로 웹 기반의 프로젝트 관리 와 버그 추적 기능을 제공하는 도구이다.
화면기반의 프로젝트 관리에 도움이 되도록 달력과 간트 차트를 제공하고 일정관리 기능을 제공한다.
레드마인은 통합된 프로젝트관리 기능과 이슈추적, 여러가지 형상 관리 기능을 제공한다.

4. SW 지원도구

SonarQube

프로그램 소스의 정적 분석 도구
다양한 룰셋을 사용할 수 있고 쉬운 플러그인 설치를 통해 보다 다양한 기능을 제공

감사합니다.

[0009] 오픈소스 라이선스의 이해

Fri, 27 Apr 2018 11:10:00 +0900

오픈소스 라이선스란?

오픈소스 소프트웨어 (Open Source Software)
- 일반적으로 자유롭게 사용, 복제, 배포 수정 할 수 있으며, 소스코드가 공개된 소프트웨어
- 오픈소스 소프트웨어의 대표적인 예
  - Linux 커널, Apache, FireFox, MySQL 등등
오픈소스 소프트웨어 라이선스(Open Source Software License)
- 오픈소스 소프트웨어 개발자와 이용자 간에 이용 방법 및 조건의 범위를 명시한 계약
- 상용 소프트웨어와는 다르게 로열티를 요구하지 않음
- 사용자들에게 사용에 대한 권리 부여 (복제 및 배포)
- 소스코드를 제공하여 수정 가능
카피레프트 (CopyLeft)
- 카피라이트(CopyRight) 에 반대 되는 개념
- 저작권에 기반을 둔 사용 제한이 아니라 저작권을 기반으로 한 정보의 공유를 위한 조치

오픈소스 라이선스의 종류 및 특징

GPL ( General Public License) 2.0
- 정의
  - FSF에서 만든 라이선스 규약으로서 가장 강력한 라이선스
- 의무사항
  - 저작권표시 및 보증책임 없음을 명시
  - 고지사항 및 보증책임 원본 유지
  - 양도받는 이들에게 GPL라이선스 사본 제공
  - 파일 수정시 날짜 및 사실관계를 파일에 명기
  - 원본 저작물과 파생저작물을 GPL2.0에 의해 배포
  - 원본 저작물 및 파생 저작물에 대한 소스코드를 제공하거나, 요청시 제공하겠다는 약정서 제공
- 특징
  - 소스코드는 실행물에 포함된 모든 모듈들, 인터페이스 정의 파일 전체, 컴파일과 설치를 제어하는데 사용된 스크립트 전부
  - 실행물이 실행되는 운영체제의 주요 부분과 함께 일반적으로 배포되는 구성요소들은 구성요소 자체가 실행물에 수반 되지 않는 한 배포되는 소스 코드에 포함되지 않아도 무방
  - 서브 라이선스를 허용하지 않음
  - 수취인은 자동적으로 라이선스 취득
  - GPL에 의한 배포 불가능
    - 법원의 판결, 특허침해 등에 의해 라이선스 조건을 준수 할 수 없는 경우
- 공개 범위
  - GPL 프로그램의 소스코드를 개발 중인 프로그램 코드에 삽입하거나 링크 시킬 경우 전체 소스 공개
  - 원본 프로그램과 별개의 독립된 프로그램을 GPL 프로그램과 같이 배포 하는 경우 전체 소스 공개
  - 두개의 프로그램이 파이프, 소켓, command-line arguments로 통신하는경우, 플러그인이 exec나 fork를 이용하는 경우에는 소스 공개 X
GPL ( General Public License) 3.0
- 정의
  - FSF에서 만든 라이선스 규약으로서 가장 강력한 라이선스
- 의무사항
  - 저작권표시 및 보증책임 없음을 명시
  - 고지사항 및 보증책임 원본 유지
  - 양도받는 이들에게 GPL라이선스 사본 제공
  - 파일 수정시 날짜 및 사실관계를 파일에 명기
  - 원본 저작물과 파생저작물을 GPL3.0에 의해 배포
  - 원본 저작물 및 파생 저작물에 대한 소스코드를 제공하거나, 요청시 제공하겠다는 약정서 제공
  - 사용자제품에 대한 인증키 등 설치정보의 제공
  - 차별적인 특허 라이선스 계약 체결의 금지
- 특징
  - 용어 대체 (배포 -> 컨베이)
  - 복제, 수정, 배포행위 등을 포함하는 프로퍼게이드(propagate) 용어 사용
  - 해당 소스(corresponding source)에 인터페이스 정의 파일, 저작물의 서브프로그램과 다른 부분들 사이의 제어 흐름이나 밀접한 데이터 통신 등을 통해 저작물이 특별히 필요로 하는, 동적 링크된 하위 프로그램과 공유 라이브러리의 소스코드를 포함
  - 기술적보호조치의 보호에 관한 법적 권리의 포기
  - 추가적인 허용사항 또는 제약사항을 부가하는 것을 가능하도록 함
  - 차별적인 특허 라이선스 계약체결의 금지
  - AGPL과 결합하거나 연결하여 하나의 저작물을 만들 수 있도록 허용
  - 라이선시가 기여자 등을 상대로 특허소송을 제기하는 경우 라이선스 종료(특허 보복 조항)
- 공개 범위
  - GPL 프로그램의 소스코드를 개발 중인 프로그램 코드에 삽입하거나 링크 시킬 경우 전체 소스 공개
  - 원본 프로그램과 별개의 독립된 프로그램을 GPL 프로그램과 같이 배포 하는 경우 전체 소스 공개
AGPL ( Affero General Public License)
- 정의
  - GPL을 기반으로 만든 라이선스
  - 버전 1,2는 Affero, 버전 3은 자유소프트웨어재단에 의해 개발
  - 수정한 소스코드를 서버에서만 사용하는 개발자가 프로그램을 배포하지 않을 경우 사용자는 소스코드를 가질 수 없는 문제를 해결 하기 위해 마련
- 의무사항
  - 저작권표시 및 보증책임 없음을 명시
  - 고지사항 및 보증책임 원본 유지
  - 양도받는 이들에게 GPL라이선스 사본 제공
  - 파일 수정시 날짜 및 사실관계를 파일에 명기
  - 원본저작물 및 파생저작물에 대한 소소코드를 제공하거나, 요청시 제공하겠다는 약정서 제공
  - 사용자제품에 대한 인증키 등 설치 정보의 제공
  - 차별적인 특허라이선스 계약체결의 금지
- 특징
  - GPL의 강력한 카피레프트 조항을 보다 강력하게 보완
  - 어떠한 경우에도 모든 소스코드를 공중에게 공개
  - AGPL 라이선스를 가진 공개SW는 상업용 라이선스를 구매 할 수 있도록 듀얼 라이선스 정책 운영
  - GPL3.0을 네트워크 서버 소프트웨어의 경우에 적용하기 위한 특별 규정
- 공개 범위
  - AGPL 프로그램의 소스코드를 개발 중인 프로그램 코드에 삽입, 링크 시킬 경우 전체 소스 공개
  - 원본 프로그램과 별개의 독립된 프로그램을 AGPL 프로그램과 같이 배포 하는 경우 전체 소스 공개
  - AGPL 라이선스의 소스코드와 연결된 모든 소스코드는 공개 대상
LGPL ( Lesser General Public License)
- 정의
  - 자유소프트웨어재단에서 일부 라이브러리에 대하여 GPL보다 소스코드의 공개 정도를 완화된 형태로 사용 가능한 라이선스
  - 오픈소스 중에서 많이 알려져있고, 의무사항들이 다른 오픈 소스 라이선스에 비해 엄격한 편
- 의무사항
  - 저작권표시 및 보증책임 없음을 명시
  - 고지사항 및 보증책임 원본 유지
  - 양도받는 이들에게 LGPL라이선스 사본 제공
  - 파일 수정시 날짜 및 사실관계를 파일에 명기
  - 라이브러리 형태로의 수정을 허용
  - 원본저작물 및 파생저작물에 대한 소스코드를 제공하거나, 요청시 제공하겠다는 약정서 제공
  - 응용프로그램 배포시, LGPL 라이브러리를 사용하고 있다는 사실을 명시
  - 사용자가 라이브러리를 수정해도 응용프로그램을 사용할수 있도록 허용
    - 오브젝트코드를 제공하거나 공유라이브러리 방식 등을 이용
- 특징
  - LGPL 라이브러리를 이용한 응용프로그램의 경우 소스코드 제공없이 배포 가능
  - 결합 라이브러리의 작성 허용
- 공개 범위
  - LGPL Library의 일부를 수정하는경우 수정한 Library의 소스코드 공개
  - LGPL 소프트웨어와 링크 되는 부분의 소프트 웨어 소스코드는 공개 의무 없음
BSD ( Berkeley Software Distribution)
- 정의
  - 버클리의 캘리포니아 대학에서 배포하는 공개 SW라이선스
  - SW의 소스코드를 공개하지 않아도 되는 대표적인 오픈소스 SW라이선스
- 의무사항
  - 저작권자 표기, BSD라이선스가 걸린 소프트웨어를 이용하는 경우 해당 저작권자의 이름과 BSD라이선스의 내용 배포
  - BDS라이선스가 걸린 소프트웨어로 인하여 법률상 / 도의상 피해가 발생 하더라도, 책임 부여 불가
  - 저작권자의 이름을 광고에 사용 금지 ( 3-Clause 이상)
  - 광고에서의 저작권자 표기 (4-Clause 이상)
  - BDS 소트웨어를 사용 또는 포함한 것을 광고할 때에는 광고에 저작권자 명시
- 공개 범위
  - 의무사항 준수시 소스코드 비공개
Apache License
- 정의
  - 아파치 소프트웨어 재단에서 자체적으로 만든 소프트웨어에 대한 라이선스
  - 누구나 해당 소프트웨어에서 파생된 프로그램을 제작 가능
  - 저작권을 양도, 전송 할 수 있음
- 의무사항
  - 저작권, 특허, 상표, 권리귀속에 대한 고지사항을 소스코드 또는 NOTICE 파일에 포함
  - 수취인에게 라이선스 사본을 제공
  - 파일을 수정하여 배포할 경우 수정된 파일에 대한 수정사항을 표시한 안내 문구 첨부
  - 최초개발자 등을 위해 보증을 면제하고 책임을 제한
- 특징
  - 개작물에 대하여 다른 라이선스를 적용하여 판매 할 수 있음
  - 라이선스에 대하여 특허를 주장할 수 없음
- 공개 범위
  - 소스코드 공개 의무 없음
  - 동일한 라이선스로 배포 할 필요 없음
MPL ( Mozilla Public License)
- 정의
  - 넷스케이프 웹브라우저의 소스코드를 공개하기 위해 개발된 라이선스
  - 소스코드와 실행파일의 저작권을 분리
- 의무사항
  - 배포시 MPL 라이선스 사본 첨부
  - 원본 및 수정코드를 MPL에 의해 배포
  - 파일 수정시 날짜 및 사실관계를 파일에 명기
  - 수정코드에 대한 소스코드를 전자배포방식등을 통해 제공
  - 저작권표시, 개발자 및 권리자 대한 사항들 표시
- 공개 범위
  - 수정한 코드에 대한 소스코드 제공 (파일 단위 공개)
    - 소스코드 변경, 코드 일부 복사, 소스파일 이름 변경
  - MPL코드가 포함되지 않은 파일 일 경우 소스코드를 제공할 필요 없음
CDDL ( Common Development and Distribution License)
- 정의
  - 썬 마이크로시스템즈에 의해 MPL를 기반으로 개조
  - 오픈솔라리스(OpenSolaris)에 적용
- 의무사항
  - 원본 및 수정코드를 CDDL에 의해 배포
  - 배포시 CDDL 라이선스 사본 첨부
  - 수정코드에 대한 소스 코드를 합리적인 방식으로 제공
  - 저작권 등 권리관련 사항, 라이선스관련 사항 등의 고지사항을 제거하거나 변경 불가
  - 수정한 경우, 수정코드의 기여자임을 밝히는 고지를 포함
- 특징
  - 최초개발자의 부여사항과 기여자의 부여사항을 분리
  - 승소 당사자에대해 변호사 수임료 청구권 인정
  - 기여자의 독창적인 창작이며. 관련 권한을 가지고 있다는 내용의 선언
  - 준거법 선택가능
- 공개 범위
  - 수정한 코드에 대한 소스코드 제공 (파일 단위 공개)
  - 소스코드 변경, 코드 일부 복사, 소스파일 이름 변경
MIT Licence
- 정의
  - 미국 MIT대학에서 SW공학도들을 돕기 위해 개발한 라이선스
  - BSD라이선스를 기초로 하여 개발
- 의무사항
  - 라이선스 및 저작권 명시
  - MIT 라이선스 문구가 모든 복제본에 포함
- 공개 범위
  - 소스코드 공개 의무 없음
EPL ( Eclipse Public License)
- 정의
  - 이클립스 재단이 사용하는 라이선스
  - 비즈니스 친화적 자유 소프트웨어 라이선스가 되도록 고안
  - GPL과 같은 라이선스에 비해 더 약한 카피레프트의 형태를 제공
- 의무사항
  - 오브젝트코드로 배포하는 경우 EPL 조건 준수, 보증부인, 책임의 배제 소스코드의 확보 방법 고지
  - 소스코드로 배포하는 경우 EPL 라이선스 적용
  - EPL 라이선스 사본 포함
  - 각 프로그램의 저작권 고지사항을 제거하거나 변경하는 것을 금지
  - 각 기여물의 창작자를 식별할 수 있도록 신분 공개
  - 상업적 배포의 경우 기여자에게 책임이 발생하지 않도록 조치
- 특징
  - 라이선스 계약서의 관리 주체를 선언
  - 뉴욕주의 법률과 미국 지적재산권법을 준거법
- 공개 범위
  - 수정한 소스코드를 Eclipse 라이선스로 공개 (모듈 단위로 공개)

오픈소스 라이선스 검증

검증 Tool
- 코드아이
  - 한국저작권위원회가 개발한 오픈 소스 소프트웨어 라이선스 비교, 분석, 검사 하는 서비스
  - 보유한 소프트웨어 소스 코드에 오픈 소스 소프트웨어가 얼마나 포함되어 있는지 알림
  - 소스파일 혹은 폴더 검사 요청시, 저작권위원회의 서버에 저장된 데이터 베이스와 비교후 검사 보고서 제공
- Fossology
  - 오픈소스 라이선스 컴플라이언스 소프트웨어 시스템 및 툴킷
  - 프로젝트에 어떤 라이선스 및 저작권이 사용되었는지 스캔
  - PostgreSQL기반의 DB 사용
  - 웹 UI를 통해 워크 플로우 확인

[0008] IoT

Mon, 09 Apr 2018 16:45:00 +0900

IoT.

[0007] Vue.js - part 1

Mon, 09 Apr 2018 12:56:00 +0900

Vue.js - part 1

Vue.js part1 from 김욱래

Concept overview

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.

MVVM

Backend 로직과 Client 의 마크업 & 데이터 표현단을 분리하기 위한 구조로 전통적인 MVC 패턴의 방식에서 기인하였다.

간단하게 생각해서 화면 앞단의 회면 동작 관련 로직과 뒷단의 DB 데이터 처리 및 서버 로직을 분리하고, 뒷단에서 넘어온 데이터를 Model 에 담아 View 로 넘어주는 중간 지점이라고 보면 되겠다.

MVVM in Vue

View Instance - ViewModel

Every Vue application starts by creating a new Vue instance with the Vue function:

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
});

Although not strictly associated with the MVVM pattern, Vue’s design was partly inspired by it.

View Instance(Option)

속성	설명
el	화면이 그려지는 DOM 객체
data	화면에서 사용할 데이터를 정의하는 속성
template	HTML, CSS가 포함된 템플릿을 정의하는 속성
method	화면 로직 제어와 관계된 메서드를 정의하는 속성
created	View Instance가 생성되자마자 실행할 로직 정의

View

The actual DOM that is managed by Vue instances.

vm.$el // The View

Model

A slightly modified plain JavaScript object.

vm.$data // The Model

Directive

Prefixed HTML attributes that tell Vue.js to do something about a DOM element.

<div v-text="message"></div>

Mustache Bindings

You can also use mustache-style bindings, both in text and in attributes. They are translated into v-text and v-attr directives under the hood. For example:

<div id="person-{{id}}">Hello {{name}}!</div>

Filters

Filters are functions used to process the raw values before updating the View. They are denoted by a “pipe” inside directives or bindings:

<div>{{message | capitalize}}</div>

Quick example

<div id="demo">
  <h1>{{title | uppercase}}</h1>
  <ul>
    <li v-repeat="todos" v-on="click: done = !done"
      class="{{done ? 'done' : ''}}">
      {{content}}
    </li>
  </ul>
</div>
<script>
var demo = new Vue({
  el: '#demo',
  data: {
    title: 'todos',
    todos: [
      {done: true, content: 'JavaScript'},
      {done: false, content: 'Vue.js'}
    ]
  }
})
</script>

뷰 인스턴스 유효 범위

View Instance에 정의된 속성은 View Instance가 부착된 DOM 영역에서만 유효.

뷰 인스턴스 Lifecycle

인스턴스 생성 new Vue()
이벤트 및 라이프 사이클 초기화 => beforeCreate
화면에 반응성 주입 => created
el, template 속성 확인 => beforeMount
$el 생성 후 el 속성 값을 대입 => mounted
인스턴스를 화면에 부착
인스턴스의 데이터 변경 => beforeUpdate
화면 재 렌더링 및 데이터 갱신 => updated
인스턴스 내용 갱신
인스턴스 접근 가능 => beforeDestroy
컴포넌트, 인스턴스 디렉티브 등 모두 해제 => destroyed
인스턴스 소멸

뷰 컴포넌트

조합하여 화면을 구성할 수 있는 블록

전역 컴포넌트

여러 컴포넌트에서 공통으로 사용할 수 있는 컴포넌트 Vue.component()로 생성

<script>Vue.component('my-global-component', {})</script>
<div id="app">
  <my-global-component></my-global-component>
</div>

지역 컴포넌트

지정된 인스턴스에서만 사용할 수 있는 컴포넌트로 인스턴스에 components 속성을 추가하고 등록할 컴포넌트의 이름과 내용을 정의

<script>
new Vue({
  el: '#app',
  components: {
    'my-local-component' : { template: '<div>local component</div>'}
  }
});
</script>
<div id="app">
  <my-local-component></my-local-component>
</div>

뷰 컴포넌트 통신

상위에서 하위로 데이터 전달(props 속성)
하위에서 상위로 이벤트 전달
이벤트 버스로 통신

상위에서 하위로 데이터 전달

컴포넌트 생성시 props 속성 사용
HTML에 v-bind: 속성이 포함된 컴포넌트 태그 추가

<script>
Vue.component('child-component', {
  props: ['propsdata'],
});
</script>
<child-component v-bind:props속성명="상위컴포넌트데이터의data속성">
</child-component>

상위에서 하위로 데이터 전달 예제

<script>
Vue.component('child-component', {
  props: ['propsdata'],
  template: '<p>{{ propsdata }}</p>'
});
new Vue({
  el: '#app',
  data: {message:'Hello Vue! passed from Parent Component'}
});
</script>
<div id="app>
  <child-component v-bind:propsdata="message"></child-component>
</div>

하위에서 상위로 이벤트 전달

이벤트를 발생시켜 상위 컴포넌트로 전달

<script>
//이벤트 발생
this.$emit('이벤트명')
</script>
<child-component v-on:이벤트명="상위컴포넌트메소드명">
</child-component>

하위에서 상위로 이벤트 전달 예제

<div id="app">
  <my-local-component v-on:show-log="printText"></my-local-component>
</div>
<script>
  new Vue({
    el: '#app',
    components: {
      'my-local-component' : {
        template: '<button v-on:click="showLog">showLog</button>',
        methods: {showLog: function() {this.$emit('show-log');}}
      }
    },
    methods: {printText: function() {console.log('recevied an event');}}
  });
</script>

이벤트 버스 통신

이벤트 버스를 이용하면 관계 없는 컴포넌트 간 통신을 할 수 있다. 이벤트 버스를 이용하는 경우 데이터도 추가로 전달할 수 있다.

// 이벤트 버스를 위한 인스턴스 생성
var eventBus = new Vue();

// 이벤트를 보내는 컴포넌트
methods: {
  method명: function() { eventBus.$emit('이벤트명', 데이터); }
}

// 이벤트를 받는 컴포넌트
methods: {
  created: function() { eventBus.$on("이벤트명", function(데이터) { ... }); }
}

이벤트 버스 통신 예제

<div id="app">
  <my-local-component></my-local-component>
</div>
<script>
  var eventBus = new Vue();
  new Vue({
    el: '#app',
    components: {
      'my-local-component' : {
        template: '<button v-on:click="showLog">showLog</button>',
        methods: {
          showLog: function() {eventBus.$emit('sendEvent', 'data');}
        }
      }
    },
    created: function() {
      eventBus.$on('sendEvent', function(retVal) {
        console.log('recevied an event : ' + retVal);
      });
    }
  });
</script>

v-bind Shorthand

<!-- full syntax -->
<a v-bind:href="url"> ... </a>

<!-- shorthand -->
<a :href="url"> ... </a>

v-on Shorthand

<!-- full syntax -->
<a v-on:click="doSomething"> ... </a>

<!-- shorthand -->
<a @click="doSomething"> ... </a>

뷰 라우터

라우팅 : 웹 페이지간 이동 방법으로 SPA에서 주로 사용된다.
뷰 라우터 : 뷰에서 라우팅을 구현할 수 있도록 지원하는 공식 라이브러리

태그	설명
<router-link to=”URL값”	페이지 이동 태그. 화면에서는 `<a>`로 표시되며 클릭하면 to에 지정한 URL로 이동
	페이지 표시 태그. 변경되는 URL에 따라 해당 컴포넌트를 뿌려주는 영역

뷰 라우터 예제

<div id="app">
  <h1>뷰 라우터 예제</h1>
  <p>
    <router-link to="/main">메인 컴포넌트로 이동</router-link>
  </p>
  <router-view></router-view>
</div>
<script>
  var Main = { template : '<div>main</div>' };
  var routes = [
    { path: '/main', component: Main }
  ];
  var router = new VueRouter({routes});
  var app = new Vue({router}).$mount('#app');
</script>

네스티드 라우터

<router-view>를 중첩하여 사용하도록 구성. route정보에 children 속성을 추가하여야 함.

<div id="app"><router-view></router-view></div>
<script>
  var User = {template: '<div>User<router-view></router-view></div>';};
  var UserProfile = { template: '<p>User Profile Component</p>'};
  var routes = [{
      path: '/user', component: User,
      children: [{path: 'profile',component: UserProfile}]
  }];
  var router = new VueRouter({routes});
  var app = new Vue({router}).$mount('#app');
</script>

네임드 뷰

name 속성을 지정하여 여러개의 <router-view>를 한번에 표시. 기본 이름은 default를 사용.

<div id="app">
  <router-view name="header"></router-view>
  <router-view></router-view>
  <router-view name="footer"></router-view>
</div>
<script>
  var Header = {template: '<div>Header Component</div>'};
  var Footer = {template: '<div>Footer Component</div>'};
  var Body = {template: '<div>Body Component</div>'};
  var routes = [{path: '/',
    components: {default:Body, header:Header, footer:Footer}}];
  var router = new VueRouter({routes});

네스티드 라우터 vs 네임드 뷰

[0006] Swift 문법정리

Mon, 02 Apr 2018 00:00:00 +0900

들어가기전

이 문서는 swift에 문법적 특징들을 서술하였다.
Swift만 안다고 iOS앱을 만들 수 있지않다. ( cocoa touch framework와 XCode 사용법 등등 필요 )

Swift란?

Swift는 애플의 iOS와 macOS를 위한 프로그래밍 언어로 2014년 6월 2일 애플 세계 개발자 회의(WWDC)에서 처음 소개되었다. 기존의 애플 운영체제용 언어인 Objective-C와 함께 공존할 목적으로 만들어졌다. Objective-C와 마찬가지로 LLVM으로 빌드되고 같은 런타임을 공유한다

2010년 크리스 래트너를 필두로한 애플 프로그래머들이 개발.
Obj-C, C#, Python, Rust, haskell 등의 기존언어와 신생언어를 참조하여 만듬.
클로저, 다중리턴타입, 네임스페이스, 제네릭스, 타입인터페이스 등 Obj-C에는 없었던 현대 프로그래밍 언어가 갖고 있는 기능들이 많이 포함됨.
2015년 12월 오픈소스전환 Github
LLVM

Swift 특징

안전성(Safe)

안전한프로그래밍을 지향함
엄격한 문법으로 개발자실수를 방지
옵션널, guard, 오류처리, 타입통제 등등

Swift 특징

신속성(Fast)

C,C++,Obj-C를 대체를 목적으로 개발
실행속도 최적화 및 컴파일러 개량으로 더 빠른 컴파일 성능구현

Swift 특징

더 나은 표현성(Expressive)

사용하기 편하고 보기좋은 문법
현대적이고 세련된 문법구현

Swift 사용환경

지원OS

macOS
Ubuntu

Swift 사용환경

지원도구

XCode
REPL
IBM Swift Sandbox (웹)
RunSwift (웹)
iPad Swift Playground (앱)

명명규칙

소문자 Camel Case : 함수, 메서드, 변수, 상수
대문자 Camel Case : 클래스, 구조체, enum, extension … etc (type)
대소문자구분함
Swift API 디자인 가이드라인

콘솔로그

print : 단순문자열 출력
dump : 객체에 자세한 설명까지 출력

class Inswave {
	var product: String = ""
}

let company: Inswave = Inswave()
company.product = "웹스퀘어"
dump(company)

/* 출력결과
__lldb_expr_11.Inswave #0
  - product: "웹스퀘어"
*/

문자열보간법

문자열내에 변수와 상수에 값을 출력하기 위해서 사용함
\ (변수나상수)

let name: String = "Inswave systems"
print("회사이름은 \(name) 입니다.")

주석

중첩주석지원
XCode에 퀵헬프기능이 있어 마크업 문법에 맞춰 주석을 작성하면 문서에 큰도움이됨.
자세한 마크업은 애플에서 제공하는 Markup Formatting Reference문서를 참조

// 한줄 주석

/*
여러줄 주석
*/

/* 주석시작
/* 중첩주석
// 한줄주석추가
*/
이부분도 주석됨
*/

퀵헬프 마크업

/// 오류타입의 열거형
/// - noAppID : hybrdApp id가 서버 Config에 없는 경우
/// - unavailableServer : 하이브리드앱 서버를 사용할 수 없음
/// - unknown : 알수없는 오류

enum hybridAppError : Error {
	case noAppID
	case unavailableServer
	case unknown
}

상수

let 키워드를 사용하여 상수생성
let [상수명] : [데이터타입] = [값]
데이터타입 생략가능

let cname: String = "inswave systems"
let myname = "changok"
let age: Int = 30

변수

var 키워드를 사용하여 변수생성
var [변수명] : [데이터타입] = [값]
데이터타입 생략가능

var job: String = "iOS Programmer"
var height = 180.0
height = 160.0

기본 데이터 타입 1

Int : +,- 부호를 포함한 정수
UInt : 0을 포함한 양의 정수
Bool : 참(true),거짓(false)만 값으로 가짐. 0,1은 타입에러
Float : 32비트 부동소수 표현 (소수점 6자리)
Double : 64비트 부동소수 표현 (소수점 15자리)(권장)
nil : 없음. 값이들어있지않고 비어있음을 나타내는 키워드

기본 데이터 타입 2

Character : 한문자 (swift는 유니코드문자를 사용, 모든언어 및 특수문자 사용가능)
String : 문자열, 유니코드를 사용하여 문자열앞뒤에 큰따옴표를 사용하여 표현
특수문자/제어문자 : 문자열내에 일정기능을하는 특수문자 ( \n, \ , * , \t ,\0 )
Any : 모든 데이터 타입
AnyObject : 제한적인 Any, 클래스에 인스턴스만 할당가능

타입추론

변수나 상수 선언시 특정타입을 명시하지않아도 컴파일러가 할당된값을 기준으로 타입을 결정

// name은 타입어노테이션이 있어 추론할 필요가없음. age의 경우 입력값 19를 보고 타입을 Int로 추론한다.
var name: String = "tester"
var age = 19

// 변수나 상수에 선언과 초기화를 분리시에는 선언부에 타입어노테이션을 넣어야 된다.
var number
number = 2  // error발생

컬렉션 1

튜플 : 지정된 데이터의 묶음. 파이선의 튜플과 유사, 타입이름은 따로없고 일정타입의 나열생성됨

 var cat: (name:String, age:Int, size:String) = ("name",2,"big")

배열 : 같은 타입의 데이터를 일렬로 순서대로 저장하는 형태의 컬렉션

 var names: Array<String> = ["inswave","rnd1","rnd2"]
 var names:[String]

컬렉션 2

딕셔너리 : 순서없이 키와 값의 쌍으로 구성되는 컬렉션

 var codeForName: Dictionary<String, Int> = Dictionary<String,Int>()
 var codeForName:[String,Int] = [String:Int]()
 var codeForName:[String,Int] = [:]

컬렉션 3

세트 : 같은타입의 데이터를 순서없이 하나의 묶음으로 저장, 중복없음

 var codes: Set<String> = Set<String>()
 let 새: Set<String> = ["비둘기","닭","꿩","매"]

열거형 : 연관된 항목들을 묶어서 표현, enum키워드를 사용하여 생성

 enum School { case primary, elementary, middle, high }

조건문

if문 : 정수,실수 등 0이 아닌 모든 값을 참으로 취급하여 조건 값이 될 수 있었던 다른언어와 달리 스위프트는 조건값이 꼭 Bool 타입이어야한다.
switch문 : 다른언어에 비해 많이 다르다. switch구문에 ()를 생략가능, break문은 선택사항.
- case문 내부코드 실행후 자동 break됨.

switch문 예

switch 입력값 {
case 비교값1:
	실행구문
case 비교값2:
	실행구문
	fallthrough // 이번케이스를 마치고 switch문이 끝나지않음. 다음으로 진행
case 비교값3, 비교값4, 비교값5 : //여러개비교 가능
	실행구문
	break //break문을 통한 종료는 선택사항
default: // 한정된 범위가 명확하지않으면 default케이스는 필수
	실행구문
}

반복문

스위프트의 반복문은 기존언어의 반복문과 크게 다르지않음.
C스타일에 for문 삭제됨.
조건에 괄호 생략가능.
do-while문은 repeat-while문으로 구현

반복문 예

//for-in 반복문
for 임시 상수 in 시퀀스 아이템 {
	실행코드
}

// while
var items = ["ins1","ins2","ins3"]
while items.isEmpty == false {
	print("hello \(items.removeFirest())")
}

// repeat-while
var items = ["ins1","ins2","ins3"]
repeat {
	print("hello \(items.removeFirest())")
} while items.isEmpty == false

함수

스위프트의 함수는 재정의(오버라이드)와 중복정의(오버로드)를 모두지원
함수정의 키워드 func
반환타입은 ->를 사용하여 명시
매개변수이름,전달인자레이블
매개변수이름을 사용하지않을때는 와일드카드 식별자사용
종료되지않는 함수( 비반환함수, 비반환메서드 ) : 반환타입을 Never로 명시

함수 예

//함수정의
func 함수이름 (매개변수...) -> 반환타입 {
	실행구문
	return 반환값
}

//매개변수이름, 전달인자레이블
func 함수이름 (매개변수이름 전달인자레이블:매개변수타입, 매개변수이름 전달인자레이블:매개변수타입) -> 반환타입 {
	실행구문
	return 반환값
}

//와일드카드 사용예
func sayHelo(_ name:String) -> String {
	print("Helo \(name)!")
}

//종료되지않는 함수
func crashAndReport() -> Never {
	fatalError("something crash")
}

옵셔널

옵셔널은 단어 뜻대로 ‘선택적인’
값이 있을 수도, 없을 수도 있음
즉 이 변수는 꼭 값이 있다는 것을 보장못함. nil일수도있음.
nil은 옵셔널로 선언된 곳에서만 사용가능. 옵셔널변수 또는 상수는 데이터타입 뒤에 물음표를 붙여서 사용

옵셔널 예

// 옵셔널변수 선언과 nil할당
var vname: String? = "changok"
print(vname)
vname = nil
print(vname)

//옵셔널강제추출
var myName: String? = "changok"
if myName != nil {
    print("my name is \(myName!)")
} else {
    print("my name is nil")
}

//옵셔널바인딩
var yourname: String? = "changok"
if let name = yourname {
    print("your name is \(name)")
} else {
    print("your name is nil")
}

구조체

데이터타입들을 묶어서 사용할 때 필요함.
swift의 구조체는 메서드를 가질 수 있음.
struct 키워드로 정의

struct 구조체이름 {
	프로퍼티
	메서드
	...
}

구조체 예

struct base{
	var name: String
	var age: Int
}
var base1: base = base(name:"inswave",age:16)
base1.name = "websquare" //변경가능
base1.age = 10

let base2: base = base(name:"proworks",age:14)
base2.age = 15  // 변경불가

클래스

swift 클래스는 부모클래스없이 단독으로 정의 가능
class 키워드를 사용하여 정의

class 클래스이름: 부모클래스이름 {
	프로퍼티
	메서드
}

//deinit
class Person {
	var height: Double = 0.0
	var weight: Double = 0.0
	deinit {
		print("person is died")
	}
}

var tester: Person? = Person()
tester = nil // print 'persion is died'

구조체와 클래스의 차이

구조체는 상속없음
타입캐스팅은 클래스의 인스턴스에만 허용
디이니셜라이저는 클래스이 인스턴스만 활용가능
참조횟수계산은 클래스의 인스턴스에만 적용
구조체는 값타입이고 클래스는 참조타입이다.

값타입과 참조타입 차이

struct Info {
	var name :String
}
var myInfo: Info = Info(name: "changok")
var friendInfo: Info = myInfo
friendInfo.name = "tom"

print("my name is \(myInfo.name)")
print("my friend name is \(friendInfo.name)")
// friendInfo는 myInfo으 값을 복사해서 서로 별개의 값을 가짐.

class Person {
	var name: String = "changok"
	var age: Int = 30
}
var myObj: Person = Person()
var myFriend: Person = myObj
print("my age is \(myObj.age)") // 30
print("my friend age is \(myFriend.age)") // 30

myFriend.age = 29
print("my age is \(myObj.age)") // 29
print("my friend age is \(myFriend.age)") // 29

클래스

프로퍼티
- 저장 프로퍼티 : 인스터스의 변수 나 상수
- 연산 프로퍼티 : 특정연산을 수행한 결과값을 가짐
- 타입 프로퍼티 : 인스턴스가 아닌 타입자체에 속한 프로퍼티
- 프로퍼티 감시자 : 프로퍼티값이 변경이되면 호출되는 메서드 (willSet,didSet)
메서드
- 인스턴스 메서드 : 특정타입에 인스턴스에 속한 메서드 (일반적인)
- 타입 메서드 : 타입자체에서 호출이 가능한 메서드
접근제어 : 코드끼리 상호작용할 때 파일 간 또는 모듈간에 접근을 제한 할 수 있는 기능, 접근제어를 통해 구현은 숨기고 허용된 기능만 노출할 수 있음.

접근수준	키워드	접근도	범위	비고
개방접근	open	높음	모듈 외부까지	클래스에서만 사용
공개접근	public		모듈 외부까지
내부접근	Internal		모듈 내부
파일외부비공개 접근	fileprivate		모듈 내부
비공개접근	private	낮음	기능 정의 내부

클로저

스위프트의 클로저는 C나Obj-C에 블록 다른언어의 람다와 유사한 합니다.
일정기능을 하는 코드를 하나의 블록으로 모아놓은 것을 뜻함. 함수는 클로저의 한 형태
클로저는 세가지 모양을 가질 수 있다.
- 이름을 가지면서 어떤 값도 획득하지않는 전역함수
- 이름을 가지면서 다른함수내부의 값을 획득할 수 있는 중첩된 함수의 형태
- 이름이 없고 주변 문맥에 따라 값을 획득할 수 있는 축약문법으로 작성된 형태
클로저의 표현방법
- 클로저는 매개변수와 반환값의 타입을 문맥을 통해 유추할 수 있어 매개변수와 반환 값의 타입을 생략가능
- 클로저에 단 한 줄의 표현만 들어있다면 암시적으로 이를 반환 값으로 취급
- 축약된 전달인자 이름을 사용할 수 있음
- 후행 클로저 문법을 사용가능

// 클로저형식
{ (매개변수들) -> 반환타입 in
	실행코드
}

//함수전달예
func backwards(first: String, second: String) -> Bool {
  print("\(first) \(second) compare")
  return first > second
}
let reversed: [String] = names.sorted(by: backwards)
print(reversed)


//메서드에 클로저전달
let reversed: [String] = names.sorted(by:{first: String, second:String) -> Bool in return first > second
})
print(reversed)


//후행클로저표현
//후행클로저 : 함수나 메서드의 마지막인자로 위치하는 클로저는 함수나 메서드의 소괄호를 닫은 후 작성가능

let reversed: [String] = names.sorted() { first: String, second:String) -> Bool in return first > second
}

프로토콜

프로토콜은 특정 역할을 수행하기 위한 메서드, 프로퍼티, 기타 요구사항 등의 청사진을 정의
프로토콜은 정의와제시만할뿐 스스로 기능을 구현하지는 않는다.
구조체,열거형,클래스는 프로토콜을 채택해 특정기능을 구현할 수 있다.
프로토콜 청사진의 기능을 모두 구현해야된다.

protocol 프로토콜이름 {
	프로토콜정의
}

// 사용예

struct SomeStruct: AProtocol, BProtocol {
	//구조체정의
}

class SomeClass: AProtocol, BProtocol {
	//클래스정의
}

enum SomeEnum: AProtocol, BProtocol {
	//열거형 정의
}

익스텐션 1

구조체, 클래스, 열거형, 프로토콜 타입에 새로운 기능을 추가할 수 있는 기능
Obj-C 카테고리와 유사한 기능이다. Obj-C는 카테고리마다 이름을 붙였지만 스위프트 익스텐션은 이름이 없다.
익스텐션은 타입에 새로운 기능을 추가할 수 있지만, 기존기능을 재정의 할 수는 없다.

익스텐션 2

익스텐션이 타입에 추가할 수 있는 기능
- 연산 타입 프로퍼티 / 연산 인스턴스 프로퍼티
- 타입 메서드/ 인스턴스 메서드
- 이니셜라이저
- 서브스크립트
- 중첩타입
- 특정프로토콜을 준수할 수 있도록 기능 추가

상속과 익스텐션비교

	상속	익스텐션
확장	수직확장	수평확장
사용	클래스 타입에서만 사용	클래스, 구조체, 프로토콜, 제네릭 등 모든타입
재정의	재정의 가능	재정의 불가

extension 확장할 타입 이름 {
	// 타입에 추가될 새로운 기능 구현
}

// 프로토콜확장
extension 확장할 타입 이름 : 프로토콜1, 프로토콜2, 프로토콜3 {
	// 프로토콜 요구사항 구현
}

참고

위키백과
The Swift Programming Language (3.0.1 edition)

[0005] ES5 핵심 정리

Sat, 17 Mar 2018 12:10:00 +0900

ES5 핵심 정리

연구개발본부

2018. 3. 17.

History

ES1 : 1997
ES2 : 1998
ES3 : 1999
ES5 : 2009
ES6 : 2015 (ES2015)
ES2016

Getter accessors

var obj = { 
  get x(){
    return 1;
  }
}

console.log(obj.x);  // 1

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Setter accessors

var value = 0;
var obj = {
  set x(v) {
    value = v;
  }
}
obj.x = 2;
console.log(value);  // 2

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Trailing commas in Object literals

var obj = {
  a: true,
  b: false,	// ok
}

console.log(obj.b);  // false

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Trailing commas in array literals

var arr = [1, 2, ];

console.log(arr.length);  // 2

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Reserved words as property names

var obj = { 
  if: 1,
  else: 2,
  catch: 3
}
console.log(obj.if);    // 1
console.log(obj.else);  // 2
console.log(obj.catch); // 3

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.create

create a new object, using an existing object to provide the newly created object’s __proto__

var person = { 
  isHuman: false,
  print: function () { console.log(this.name + ", " + this.isHuman);}
};
var me = Object.create(person);
me.name = "Matthew";
me.isHuman = true; // can be overwritten
me.print(); // Matthew, true
console.log(me.__proto__  == person)  // true
console.log(JSON.stringify(me)); //{"name":"Matthew","isHuman":true}
console.log(JSON.stringify(person));//{"isHuman":false}

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.defineProperty

defines a new property directly on an object, or modifies an existing property on an object, and returns the object.

var object1 = {};

Object.defineProperty(object1, 'property1', {
  value: 42,
  writable: false
});

object1.property1 = 77;
// throws an error in strict mode

console.log(object1.property1);  // 42

IE8	IE9	IE10	IE11	chrome	firefox	safari
Yes	Yes	Yes	Yes	Yes	Yes	Yes

Object.defineProperties

defines new or modifies existing properties directly on an object, returning the object.

var o1 = {};

Object.defineProperties(o1, {
  prop1: { value: 42, writable: true},
  prop2: {}
});

console.log(o1.prop1); // 42

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.getPrototypeOf

returns the prototype (i.e. the value of the internal [[Prototype]] property) of the specified object.

var prototype1 = {};
var object1 = Object.create(prototype1);
var object2 = Object.getPrototypeOf(object1)

console.log(object2 === prototype1); //true
console.log(object2 === object1.__proto__); //true

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.keys

returns an array of a given object’s own enumerable properties, in the same order as that provided by a for…in loop

var arr = ['a', 'b', 'c']; // simple array
console.log(Object.keys(arr)); // ['0', '1', '2']

var obj = { 0: 'a', 1: 'b' }; // array like object
console.log(Object.keys(obj)); // ['0', '1' ]

// array like object with random key ordering
var anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj)); // ['2', '7', '100']

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.seal

객체를 밀봉한다. 객체를 밀봉하면 그 객체에는 새로운 속성을 추가할 수 없고, 현재 존재하는 모든 속성을 설정 불가능 상태로 만들어 준다. 하지만 쓰기 가능한 속성의 값은 밀봉 후에도 변경할 수 있다. (Object.freeze()와의 차이)

var o1 = { prop1: 42 };
var o2 = Object.seal(o1);

console.log(o1 === o2);  // true
console.log(o1.prop1 + " " + o2.prop1); // 42 42
o1.prop1 = 33;
console.log(o1.prop1 + " " + o2.prop1); // 33 33
delete o1.prop1; // cannot delete
console.log(o1.prop1 + " " + o2.prop1); // 33 33

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.freeze

불변(immutable) 객체를 만든다. 객체에 새로운 속성(property)를 추가할 수 없고, 객체에 원래 존재하던 속성을 제거할 수 없으며, 객체의 속성, 열거가능성(enumerability), 설정가능성(configurability), 값 쓰기 가능성(writability)을 변경할 수 없게 만든다는 것을 의미한다.

var o1 = { prop1: 42 };
var o2 = Object.freeze(o1);

console.log(o1 === o2);  // true
console.log(o1.prop1 + " " + o2.prop1); // 42 42
o1.prop1 = 33; // error in strict mode
console.log(o1.prop1 + " " + o2.prop1); // 42 42
delete o1.prop1; // cannot delete
console.log(o1.prop1 + " " + o2.prop1); // 42 42

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.preventExtensions

prevents new properties from ever being added to an object

var o1 = {};
Object.preventExtensions(o1);
try {
  Object.defineProperty(o1, 'prop1', {value: 42});
} catch (e) {
  console.log(e); 
  //TypeError: Cannot define property prop1, 
  //           object is not extensible
}

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.isSealed

determines if an object is sealed.

var o1 = { prop1: 42 }

console.log(Object.isSealed(o1)); // false

Object.seal(o1);
console.log(Object.isSealed(o1)); // true

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.isFrozen

determines if an object is frozen.

var o1 = { prop1: 42 }

console.log(Object.isFrozen(o1)); // false

Object.freeze(o1);
console.log(Object.isFrozen(o1)); // true

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.isExtensible

determines if an object is extensible (whether it can have new properties added to it).

var o1 = { prop1: 42 }

console.log(Object.isExtensible(o1)); // ture
Object.preventExtensions(o1);
console.log(Object.isExtensible(o1)); // false

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Object.getOwnPropertyDescriptor

returns a property descriptor for an own property (not in the object’s prototype chain).

var obj1 = { prop1: 42 }
var desc1 = Object.getOwnPropertyDescriptor(obj1, 'prop1');

console.log(desc1.configurable); // true
console.log(desc1.value); // 42

IE8	IE9	IE10	IE11	chrome	firefox	safari
Yes	Yes	Yes	Yes	Yes	Yes	Yes

[fit]Object.getOwnPropertyNames

returns an array of all properties (including non-enumerable properties except for those which use Symbol) found directly upon a given object.

var o1 = { a: 1, b: 2, c: 3 };

console.log(Object.getOwnPropertyNames(o1)); 
// ["a", "b", "c"]

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.isArray

determines whether the passed value is an Array.

console.log(Array.isArray([1, 2, 3]));  // true
console.log(Array.isArray({foo: 123})); // false
console.log(Array.isArray('foobar'));   // false
console.log(Array.isArray(undefined));  // false

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.indexOf

returns the first index at which a given element can be found in the array, or -1 if it is not present.

var beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison')); // 1
// start from index 2
console.log(beasts.indexOf('bison', 2)); // 4
console.log(beasts.indexOf('giraffe')); // -1

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.lastIndexOf

returns the last index at which a given element can be found in the array, or -1 if it is not present. The array is searched backwards, starting at fromIndex.

var beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.lastIndexOf('bison')); // 4
// start from index 2
console.log(beasts.lastIndexOf('bison', 2)); // 1
console.log(beasts.lastIndexOf('giraffe')); // -1

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.every

tests whether all elements in the array pass the test implemented by the provided function.

function isBelow1(v) { return v < 40; }
function isBelow2(v) { return v < 20; }
function isBelow3(v) { return v < 0; }

var a1 = [1, 30, 39, 29, 10, 13];
console.log(a1.every(isBelow1)); // true
console.log(a1.every(isBelow2)); // false
console.log(a1.every(isBelow3)); // false

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.some

tests whether at least one element in the array passes the test implemented by the provided function.

function isBelow1(v) { return v < 40; }
function isBelow2(v) { return v < 20; }
function isBelow3(v) { return v < 0; }

var a1 = [1, 30, 39, 29, 10, 13];
console.log(a1.some(isBelow1)); // true
console.log(a1.some(isBelow2)); // true
console.log(a1.some(isBelow3)); // false

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.forEach

executes a provided function once for each array element.

var array1 = ['a', 'b', 'c'];

array1.forEach(function(element) {
  console.log(element);
});
// a
// b
// c

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.map

creates a new array with the results of calling a provided function on every element in the calling array.

var array1 = [1, 4, 9, 16];

var map1 = array1.map(function(x) { return x * 2; });
console.log(map1); // [2, 8, 18, 32]

var map2 = array1.map(x => x * 2);
console.log(map2); // [2, 8, 18, 32]

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.filter

creates a new array with all elements that pass the test implemented by the provided function

var w1 = ['spray', 'destruction', 'present'];

var r1 = w1.filter(function(w) { return w.length > 6; });
console.log(r1); // ["destruction", "present"]

var r2 = w1.filter(w => w.length > 6);
console.log(r2); // ["destruction", "present"]

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.reduce

applies a function against an accumulator and each element in the array (from left to right) to reduce it to a single value.

arr.reduce(callback[, initialValue]) callback(prev, curr, idx, arr)

var array1 = ['B', 'C', 'D'];
var reducer = (sum, curr) => sum + curr;
console.log(array1.reduce(reducer)); // BCD
console.log(array1.reduce(reducer, 'A')); // ABCD

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.reduceRight

applies a function against an accumulator and each value of the array (from right to left)to reduce it to a single value.

arr.reduceRight(callback[, initialValue]) callback(prev, curr, idx, arr)

var array1 = ['A', 'B', 'C'];
var reducer = (sum, curr) => sum + curr;
console.log(array1.reduceRight(reducer)); // CBA
console.log(array1.reduceRight(reducer, 'D')); // DCBA

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Array.prototype.sort

compareFn must be function or undefined

console.log([1,2].sort(undefined)); // [1,2]
console.log([1,2].sort((a,b) => a<b)); // [2,1]

// TypeError: The comparison function must be either 
// a function or undefined
try { [1,2].sort(null); } catch (e) {console.log(e)} 
try { [1,2].sort(true); } catch (e) {console.log(e)}
try { [1,2].sort({  }); } catch (e) {console.log(e)}
try { [1,2].sort(/a/g); } catch (e) {console.log(e)}

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Property access on strings

There are two ways to access an individual character in a string.

str.charAt()
str.[number]

console.log('cat'.charAt(1)); // 'a'
console.log('cat'[1]); // 'a'

IE8	IE9	IE10	IE11	chrome	firefox	safari
Yes	Yes	Yes	Yes	Yes	Yes	Yes

String.prototype.trim

removes whitespace from both ends of a string.

whiepace
- character : space, tab, no-break space, etc.
- line terminator : LF, CR, etc

var orig = '   foo  ';
console.log(orig.trim()); // 'foo'
var orig = 'foo    ';
console.log(orig.trim()); // 'foo'

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Date.prototype.toISOString

ISO 8601 format.(YYYY-MM-DDTHH:mm:ss.sssZ or ±YYYYYY-MM-DDTHH:mm:ss.sssZ)

var d1 = new Date('05 October 2011 14:48 UTC');
console.log(d1.toString()); // Wed Oct 05 2011 23:48:00 GMT+0900 (KST)
console.log(d1.toISOString()); // 2011-10-05T14:48:00.000Z
d1.setFullYear(200100);
console.log(d1.toString()); // Wed Oct 05 200100 23:48:00 GMT+0900 (KST)
console.log(d1.toISOString()); // +200100-10-05T14:48:00.000Z
d1.setFullYear(-100);
console.log(d1.toString()); // Wed Oct 05 -100 23:48:00 GMT+0900 (KST)
console.log(d1.toISOString()); // -000100-10-05T14:48:00.000Z

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Date.now

returns the number of milliseconds elapsed since January 1, 1970 00:00:00 UTC.

var start = Date.now();

console.log("starting timer...");
setTimeout(function() {
  var millis = Date.now() - start;
  console.log("elapsed = " + Math.floor(millis/1000)); // 2
}, 2000);

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Date.prototype.toJSON

returns a string representation of the Date object.

var ev = new Date('August 19, 1975 23:15:30 UTC');
var d = event.toJSON();

console.log(d); // 1975-08-19T23:15:30.000Z
console.log(new Date(d).toUTCString()); 
// Tue, 19 Aug 1975 23:15:30 GMT

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Function.prototype.bind

첫번째 인자로 this 객체를 설정하고, 주어진 순서의 선행 인수가 있는 새로운 함수를 생성

var m = {
  x: 'B',
  get: function(val) { return val + "," +  this.x; }
}
console.log(m.get()); // undefined,B
console.log(m.get('A')); // A,B
var get1 = m.get;
console.log(get1()); // undefined,undefined
var get2 = get1.bind(m);
console.log(get2()); // undefined,B
var get3 = get1.bind(m, 'A');
console.log(get3()); // A,B

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

JSON

JSON is a syntax for serializing objects, arrays, numbers, strings, booleans, and null. some JavaScript is not JSON, and some JSON is not JavaScript. See also JSON

JavaScript	JSON differences
Objects and Arrays	속성(property)명은 큰따옴표로 묶여야 한다; 후행(trailing) 쉼표는 금지.
Numbers	선행(leading) 0은 금지됩니다; 소수점은 적어도 한 자릿수가 뒤따라야 합니다.
Strings	문자열은 큰따옴표로 묶여야 합니다

IE8	IE9	IE10	IE11	chrome	firefox	safari
Yes	Yes	Yes	Yes	Yes	Yes	Yes

Immutable globals

undefined NaN Infinity

var undefined = "a";
console.log(undefined); // undefined
var NaN = 24;
console.log(NaN); // NaN
var Infinity = 21;
console.log(Infinity); // Infinity

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Function.prototype.apply permits array-likes

function func(a,b) {
  console.log(a + ", " + b);
}

console.log(func.apply({}, [1,2])); // 1, 2
console.log(func.apply({}, {0:1, 1:2, length:2})); // 1, 2
console.log(func.apply({}, {0:1, 1:2})); // undefined, undefined

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

parseInt ignores leading zeros

console.log(parseInt('10') === 10); // true
console.log(parseInt('010') === 10); // true

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Function “prototype” property is non-enumerable

function func() {}
console.log(func.propertyIsEnumerable('prototype'));

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Arguments toString is “Arguments”

function func(){ 
  console.log(Object.prototype.toString.call(arguments));
  // [object Arguments]
}

func();

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Zero-width chars in identifiers

var _\u200c\u200d = true;
console.log(_\u200c\u200d);  // true
console.log("[\u200c\u200d]") // []

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Unreserved words

abstract, boolean, byte, char, double, final, float, goto, int, long, native, short, synchronized, transient, volatile

var int = true;
console.log(int);  // true

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Thrown functions have proper this values

function func() {
  try {
    throw function(obj) {
      console.log(this.a + "," + obj.a); 
    };
  } catch(e) {
    var _this = this;
    this.a = 'a';
    e(_this);
  }
}

func.apply({}); // undefined,a

IE8	IE9	IE10	IE11	chrome	firefox	safari
No	Yes	Yes	Yes	Yes	Yes	Yes

Reference

ECMAScript compatibility table - http://kangax.github.io/compat-table/es5/

[0004] Docker - Build once, run anywhere

Mon, 12 Mar 2018 17:10:00 +0900

Build once, run anywhere.

maninzoo

Docker 는 Container 단위로 어플리케이션을 패키징, 배포, 실행시키는 도구이다.

이는 어플리케이션과 그것의 종속성(system binary 와 library 들)을 self-contained 단위로 격리시킴으로서 가능하다.

Virtual Machine 의 역할과 동일한 것처럼 보이는데 그렇다면 Container 와 VM 의 차이점은 무엇인가?

Docker 를 더 알아보기 전에 Virtual Machine 과 Container 를 살펴보자.

* Virtual Machine

VM은 실제 컴퓨터를 흉내낸(emulate) 것으로 hypervisor 위에서 동작한다.

하이퍼바이저는 다시 흔히 host machine 이라고 하는 실제 물리적 컴퓨터 위에서 동작한다.

host machine 의 상대 개념으로 VM 을 guest machine 이라고 부른다.

host machine 은 VM 에게 RAM, CPU, Network Adapter, Storage 등의 리소스를 제공하고 VM 은 이것을 이용하여 가상의 Kernel(OS) 과 하드웨어를 전용으로(dedicated) 구성한다.

hypervisor 는 이 가상 OS(Guest)를 실행하고 관리하는 플랫폼으로서 동작한다.

Virtual machine

하이퍼바이저가 host machine 위에서 동작한다고 했는데 정확히는 host machine 의 OS 위에서 동작한다.

따라서 VM 은 실제 물리적인 하드웨어에 직접 접근할 수 없으며 host OS 를 통해 I/O, 프로세싱 등이 수행된다.

그렇기 때문에 하드웨어 호환성이 높고( 예 : Mac 에서 Windows VM 을 실행 ) 반대로 하이퍼바이저와 하드웨어 사이에 host OS 가 존재함으로써 overhead 가 발생하고 VM 의 성능을 떨어뜨린다.

위와 같은 방식을 보통 hosted hypervisor ( 전가상화 - 예 : KVM( 이견이 있다. ), VMware Workstation, VMware Player, VirtualBox ) 라고 하고, 위 성능 이슈를 해결하기 위해 bare-metal hypervisor( 예 : XEN, Citrix Xenserver, Hyper-V, VMware ESX/ESXi ) 라는 방식이 있다.

bare-metal - 원래는 운영체제가 설치 돼 있지 않는 컴퓨터 하드웨어 를 의미.

bare-metal 이 hosted 와 다른 점은 hypervisor 가 host OS 의 개입없이 host machine 의 하드웨어와 직접 인터페이스한다는 것이다.

이를 위해 hypervisor 가 자체 device driver 를 가진다.

이는 성능과 안정성을 얻지만 하드웨어 호환성의 제약을 갖게 된다.

* Container

Container 는 VM 과 달리 자체 Kernel 을 가지거나 하드웨어 가상화를 하지 않고 operating-system-level virtualization 를 통해 각 컨테이너들이 격리된 user space 에서 host system 의 Kernel 을 공유(share)한다.

Container 는 자체 Kernel 과 하드웨어 가상화가 없기 때문에 VM 에 비해 가볍고 빠르다.

Container

다시 Docker..

Docker 는 Linux Container 기반의 오픈 소스 프로젝트이다.

하지만 Docker Hub 에 private repository 를 2개 이상( 1개는 무료 ) 생성하기 위해서는 비용을 지불해야 한다.

Docker Hub 는 Docker Image Store 이다.

* Docker 구성 요소

** Docker Client

Docker CLI(Command-line interface) 이다.

```sh

docker build 이미지명

```

** Docker Daemon

host machine 위에서 동작하며 Docker Client 가 보낸 명령을 실제 실행한다.

이미지를 빌드, 관리하고 컨테이너를 생성, 실행/중지, 배포, 관리한다.

정확히는 runtime(runc) 에 의해 컨테이너가 실행된다.

runc 는 OCI( Open Container Initiative ) 규약의 runtime 구현물이다.

OCI 는 Linux Foundation의 후원으로 Docker, CoreOS, AWS, CISCO, Facebook, Google, IBM 등이 참여하고 있는 Container format과 runtime 산업 표준을 위한 컨소시엄이다.

** Docker Engine

Docker Engine = Docker Daemon + Docker Client + Docker Daemon 과 원격에서 communicate 할 수 있는 REST API

** Dockerfile

Docker 이미지를 빌드하기 위한 실행 명령 Set 이다.

이미지의 패키징된 어플리케이션과 그 종속성이 시작될 때 실행할 프로세스와 환경 및 구조를 정의한다.

*** 작업 예

스크립트 또는 명령을 실행 - 예 : 어플리케이션 실행에 필요한 패키지나 라이브러리를 설치하고 업데이트

Port 를 expose

환경변수를 설정

파일을 복사

```docker

FROM inswave/websquare-min

LABEL maintainer="maninzoo@inswave.com"

RUN apk add --update gcc g++ make python py-pip openssh

RUN pip install Flask

RUN npm install --global node-gyp grunt-cli

RUN mkdir /app

WORKDIR /app

COPY package.json /app/

RUN yarn

COPY . /app

```

** Docker Image

Dockerfile 을 기반으로 빌드된 읽기 전용 템플릿이다.

Dockerfile 의 각 명령은 이미지에 layer 를 추가한다.

레이어는 하위 레이어에 추가되거나 대체하여 이미지 파일 시스템을 구성한다.

이 레이어가 기존에 존재하던 리눅스 기술들을 조합하여 Docker 를 가볍고 강력한 구조를 갖게 한다.

이러한 Stackable 파일 시스템을 Union File Systems 이라고 한다.

** Union File Systems

분리된 파일 시스템( 보통 branch 라고 함 )의 파일과 디렉토리들을 투명하게(transparently) 겹쳐서 만든 하나의 파일 시스템.

transparently 하다는 의미는 겹쳐진 브랜치들 안에서 동일한 경로를 갖는 디렉토리의 컨텐츠들은 merge 되어 하나의 디렉토리로 보여진다.

다시 말해 각 레이어는 개별 copy 본을 생성하지 않고 동일한 리소스에 대한 포인터를 제공한다.

특정 레이어를 수정해야 하는 경우 원본을 변경하지 않고 복사하여 해당 local 복사본을 수정한다.

이를 'copy-on-write' system 라고 하며 실제 쓰기를 허용하지 않으면서도 쓰기가 가능한 것처럼 보이고 변경된 정보를 별도로 저장하는 파일 시스템이다.

이렇기 때문에 Repository( Docker Hub )에서 pull 을 받을 때도 변경된 부분만 내려받아 최신 이미지를 유지할 수 있다.

** Data Volume

Union File System 의 단점은 원본과 변경된 정보를 합쳐서 하나의 파일 시스템으로 제공하기 때문에 브랜치의 양과 갯수가 많아질수록 성능 저하가 온다.

이를 해결하기 위해 데이터를 유니온 파일 시스템이 아닌 외부( Host 파일 시스템 )에 저장하고 이를 데이터 볼륨이라고 한다.

프로그램에 비유하자면 Docker 의 이미지는 Class, 컨테이너는 Instance 에 해당한다고 볼 수 있다.

인스턴스가 데이터를 DB 나 파일, 네트워크를 통해 외부에 저장하는 것처럼 컨테이너도 실행 관련 파일을 제외한 데이타 파일을 위해 외부 저장소를 이용한다.

이는 다수의 컨테이너가 데이타를 공유하거나( 예 : 로드밸런싱 )

여러 컨테이너가 조합되어 서비스(MicroService)를 할 수 있는 아키텍처를 제공하고

컨테이너의 삭제, 업데이트, 이동 등을 자유롭게 한다.

** Docker Container

Docker Image 로부터 Docker Container 가 빌드된다.

이미지의 읽기 전용 파일 시스템 위에 읽기/쓰기 파일 시스템을 추가해서 컨테이너를 생성한다.

이 때 OS, 어플리케이션 코드, runtime, 시스템 도구/라이브러리 등 어플리케이션 실행에 필요한 모든 것을 invisible box 로 감싼다.

컨테이너가 생성되면 네트워크 인터페이스( Veth - Virtual Ethernet device )를 생성하여 리눅스 브릿지에 연결하고 사용 가능한 IP Address 를 할당하여 컨테이너가 local host 와 통신할 수 있게 된다.

리눅스 브릿지는 리눅스 운영체제에서 지원하는 L2 스위치 를 소프트웨어적으로 구현한 네트워크 브릿지 인터페이스이다.

Docker

위에 나온 invisible box 에서 invisible 은 실제 Container가 Linux Kernel 의 namespaces, control groups 같은 기능을 조합해서 동작하는 방식을 설명하기 위한 추상적인 개념이란 의미이다.

컨테이너가 사용하는 기술들은 다음과 같다.

*** namespaces(namespace isolation)

Namespace 는 컨테이너에게 하부의 Linux system 에 대한 제한된 참조(see) 및 접근 View 를 제공한다.

컨테이너는 host system 을 공유하면서 namespace 를 통해 컨테이너 상호 간 격리된다.

아래와 같은 네임스페이스 유형이 있다.

각 컨테이너에 개별적으로 적용된다.

**** NET

시스템 네트워크 자원( Network devices, IP addresses, IP routing tables, port number 등 )에 대한 View 를 제공한다.

**** PID( Process ID )

모든 프로세스의 조상인 init(PID 1) 프로세스를 독립적으로 갖는다.

컨테이너가 참조하고 interact 할 수 있는 프로세스들의 Scoped View 를 제공한다.

**** MNT

시스템의 'mounts' 에 대한 격리된 view 를 제공한다.

**** UTS( UNIX Timesharing System )

컨테이너가 다른 컨테이너와 host system 과 독립적인 시스템 identifier( hostname, domainname 등 ) 가져서 프로세스가 이를 식별하게 한다.

**** IPC( InterProcess Communication )

각 컨테이너 내부에서 실행되는 프로세스 간 IPC 리소스를 격리한다.

**** USER

각 컨테이너 내의 사용자를 격리한다.

컨테이너에게 host system 과 다른 uid (user ID) 와 gid (group ID) 범위의 View 를 제공한다.

따라서 프로세스의 uid 와 gid 가 USER Namespace 안과 밖이 다를 수 있고 host system 의 일반 사용자가 컨테이너 내에서는 root 권한을 가질 수 있다.

*** cgroups( control groups )

Google 에서 개발, 리눅스 커널 2.6.24 부터 지원.

namespaces 가 System 에 대한 Scoped View 제공한다면 cgroups 는 프로세스의 Resource( CPU, Memory, Disk I/O, network 등 ) 사용에 대한 분리, 제한과 우선순위, 모니터링 등을 담당한다.

다음과 같은 기능을 제공한다.

**** Resource limiting

프로세스 그룹이 사용할 메모리와 파일 시스템 캐시 등에 대한 제한.

**** Prioritization

프로세스 그룹 간 디스크 입출력과 CPU 이용에 대한 우선순위를 설정.

**** Accounting

프로세스 그룹의 자원 사용량을 측정.

**** Control

프로세스에 대한 checkpoint 를 설정하고 리스타트 할 수 있다.

inswave 기술 블로그

[test] test

[test]

목차

준비중입니다.감사합니다.

[0012] C++

[C++]

목차

1. C++ 추천 대상

2. C++ 배우는 방법

3. C++기초

3-1. pointer

3-2. const

3-3. reference

3-4. copy constructor

3-5. virtual function

3-6. operator overloading

3-7. functor

3-8. template : generic programming

3-9. STL

4. modern C++

4-1. move semantics

4-2. auto / decltype / decltype(auto)

4-3. shared_ptr

4-4. lambda expression

1. C++ 추천 대상

2. C++ 배우는 방법

3. C++ 기초

3-1. pointer

3-2. const

3-3. reference

3-4. copy constructor

3-5. virtual function

3-6. operator overloading

3-7. functor

3-8. template : generic programming

3-9. STL

4. modern C++

4-1. move semantics

4-2. auto / decltype / decltype(auto)

4-3. shared_ptr

4-4. lambda expression

감사합니다.

[0011] Java9

OverView

1. Java history

2. 용어설명

3. Java9 변화된 부분

1. Java history

Java history

Java history

2. 용어설명

JCP, JSR, JEP

OpenJDK

Java Platform Module System

Java Platform Module System

Tools

Tools

Tools

Language Updates

Language Updates

Language Updates

Language Updates

Language Updates

Language Updates

Language Updates

Core Libraries

Core Libraries

Core Libraries

Core Libraries

Core Libraries

Core Libraries

Core Libraries

Core Libraries

Core Libraries

감사합니다.

[0010] Code Review

Code Review

OverView

1. Code ReView ?