본문으로 바로가기

N-Log

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

    관리자
    • 블로그 이미지
      꿈꾸는 제노

      링크추가
    • 글쓰기
    • 환경설정
    • 로그인
    • 로그아웃

    [JS] 커링(Currying)

    커링은 여러 개의 인자를 가진 함수를 호출할 경우, 파라미터의 수보다 적은 수의 파라미터를 인자로 받으면 누락된 파라미터를 인자로 받도록 하는 것이다. 즉 커링은 함수 하나가 n개의 인자를 받는 과정을 n개의 함수로 각각의 인자를 받도록 하는 것이다. 부분적으로 적용된 함수를 체인으로 계속 생성해 결과적으로 값을 처리하도록 하는 것이 그 본질이다. 말이 어렵다. 간단하게 말하면 함수를 부르는 함수를 만들어 인자를 각 함수가 각각 받는 것이다. func(1, 2, 3)이 아닌, func(1)(2)(3) 이런 방식으로 말이다. 이러한 함수를 생성할 때는 당연히 함수를 반환하는 클로저 패턴이 사용되는데,때문에 let func1 = func(1)과 같이 생성해두고 func1(3)(4), func(5)(6)과 같..

    WEB/JS 2019. 2. 19. 19:19

    HTTP와 HTTPS의 차이

    HTTP는 Hyper Text Transfer Protocold의 약자로, 브라우저와 서버간의 자원을 주고받을 때 사용하는 통신 규약이다.HTTPS는 그 뒤에 Secure Socket이 붙은 것으로, 보안성을 강화한 것이다. HTTPS는 통신에서 일반 텍스트를 이용하는 것 대신에, SSL이나 TLS 프로토콜을 통해 데이터를 암호화한다.패킷을 암호화하는 과정을 거치기 때문에 속도는 더 느리다. 다만 큰 차이가 있을 정도는 아니다. 포트는 443번을 쓴다. HTTP - TCP(HTTP는 바로 TCP와 통신한다.) HTTPS - SSL - TCP(HTTPS는 SSL을 거쳐 TCP와 통신한다.) 인증 방식에 관한 링크

    WEB/ETC 2019. 2. 19. 16:12

    리액트 - 서버사이드 렌더링(SSR)

    서버 사이드 렌더링과 클라이언트 사이드 렌더링Next.js - 서버 사이드 렌더링 프레임워크 아무래도 Next.js가 SSR을 구현하기에 워낙에 잘 돼있어서,Create-react-app으로 구현하는 경우는 많지는 않은 것 같다.

    WEB/JS 2019. 1. 16. 02:29

    리액트 - 고차 컴포넌트(HOC)

    HOF(Higher Order Function)는 하나 이상의 함수를 인자로 받아, 새로운 함수를 반환하는 함수이다.forEach, map, filter 등의 메소드도 모두 고차 함수에 속한다. HOC(Higher Order Function)는 함수 대신 컴포넌트를 받아 새로운 컴포넌트를 리턴하는 것이다. 내용추가 필요 Higher Order Component(HOC)로 컴포넌트 재사용 하기

    WEB/JS 2019. 1. 15. 22:43

    [JS] 제너레이터

    제너레이터 함수블록을 한번에 실행시키지 않고, 일시중지했다가 필요한 시점에 다시 시작할 수 있는 함수.제너레이터 함수는 제너레이터 객체를 반환한다. 이 제너레이터 객체는 이터러블이자 이터레이터이다.즉 제너레이터는 이터러블한 값을 생성하는(generate) 함수다. 제너레이터는 이터러블 구현과 비동기 함수의 호출 차단 등에 유용하다. 제너레이터 함수는 function* 함수명 형태로 선언한다.그리고 그 안에는 하나 이상의 yield 구문을 포함한다. 제너레이터 함수의 함수 블록을 실행하려면 제네레이터 함수가 생성한 제너레이터 객체의 next 메소드를 호출한다.(제너레이터 객체는 이터레이터이기 때문에 next 메소드를 가지고 있다.)next 메소드가 호출되면 yield 이전까지 실행하고 실행을 일시 중지한다..

    WEB/JS 2019. 1. 13. 16:32

    [JS] 이터러블과 이터레이터

    이터러블과 이터레이터 이터러블순회 가능한 자료구조이터레이터를 리턴하는 [Symbol.iterator]() 를 가진 값Array, String, Map, Set, DOM data structures 이터레이터순회 가능한 객체{ value, done } 객체를 리턴하는 next() 를 가진 값이터러블 프로토콜을 지킨 이터러블은 Symbol.iterator 메소드를 가지고 있다.해당 이터러블이 Symbol.iterator 메소드를 호출하면 이터레이터를 반환할 수 있다.이터레이터는 이터러블의 각 요소를 순회하기 위해 next 메소드를 갖는다.next는 각 단계의 값인 value와 모든 단계를 끝냈는지를 알려주는 done을 반환한다. 이터러블/이터레이터 프로토콜이터러블을 for...of, 전개 연산자 등과 함께 ..

    WEB/JS 2019. 1. 13. 16:19

    [JS] 클로저(Closure)

    클로저? 외부함수가 내부함수를 반환하는 경우,외부함수를 호출하면 외부함수는 내부함수를 반환하고 실행 컨텍스트 스택에서 제거된다.하지만 반환된 내부함수는 외부함수에 있는 변수에 접근할 수 있다. 즉, 내부함수가 외부함수보다 더 오래 유지되는 경우,외부함수 밖에서 내부함수가 호출되더라도 외부함수의 지역 변수에 접근할 수 있는 현상.이를 클로저라 한다. 12345678910function A(){ let hello = "hello"; return funtcion(){ alert(hello); }} let func = A();func();// hello 변수에 접근할 수 있다.cs 클로저는 반환된 내부함수가 자신이 선언됐을 때 환경인 스코프를 기억하여,자신이 선언됐을 때의 환경 밖에서 호출되어도 그 환경(스코프..

    WEB/JS 2019. 1. 10. 14:29

    [JS] 실행 컨텍스트

    실행 컨텍스트

    WEB/JS 2019. 1. 9. 22:02
    • 이전
    • 1
    • 2
    • 3
    • 4
    • 다음

    사이드바

    CATEGORY

    • 분류 전체보기 (30)
      • CS (0)
      • WEB (30)
        • CSS (4)
        • JS (16)
        • ROR (7)
        • ETC (3)

    RECENTLY

    • 최근 글
    • 최근 댓글

    최근 글

    최근댓글

    VISITOR

    오늘
    어제
    전체
    • 홈으로
    • 방명록
    • 로그인
    • 로그아웃
    • 맨위로
    SKIN BY COPYCATZ COPYRIGHT N-Log, ALL RIGHT RESERVED.
    N-Log
    블로그 이미지 꿈꾸는 제노 님의 블로그
    MENU
      CATEGORY
      • 분류 전체보기 (30)
        • CS (0)
        • WEB (30)
          • CSS (4)
          • JS (16)
          • ROR (7)
          • ETC (3)
      VISITOR 오늘 / 전체
      • 글쓰기
      • 환경설정
      • 로그인
      • 로그아웃
      • 취소

      검색

      티스토리툴바