본문 바로가기 메뉴 바로가기

WANZARGEN

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

WANZARGEN

검색하기 폼
  • 분류 전체보기 (40)
    • Programming (40)
      • Tools (4)
      • Java (10)
      • Database (7)
      • Web, HTML (4)
      • Lib, Frameworks (4)
      • OS (1)
      • Javascript (3)
      • Cloud (1)
      • Git (1)
  • 방명록

전체 글 (40)
Micro Frontends, 글로 배워보자구요.

마이크로 프론트앤드는 마이크로 서비스의 개념을 프론트엔드 세계로 확장한 개념이다. 마이크로 서비스처럼 전체 화면을 작동할 수 있는 단위로 나누어 개발한 후 서로 조립하는 방식이다. Main Concept 기술 독립성 각 작동 단위들은 기술적으로 독립적일 수 있어야 한다. 각 작동 단위에 사용된 프론트앤드 기술(React, Vue, Vanilla JS 등)에 상관 없이 조합이 가능해야 한다. 컨텍스트 독립성 각 작동 단위들이 같은 프레임워크를 사용하더라도, 컨텍스트를 공유해선 안된다. 독립적인 애플리케이션을 자체적으로 구축해야 하고, 상태 공유나 전역 변수에 의존해서는 안된다. 네임스페이스를 활용한 분리 각 작동 단위의 격리가 불가능한 경우, 네이밍 컨벤션에 따라 prefix 등으로 네임스페이스를 활용한다..

Programming/Web, HTML 2021. 7. 15. 23:34
husky로 git hook에 conventional commit 적용하기

Conventional Commits? 커밋 메세지에 사용자와 기계 모두가 이해할 수 있는 의미를 부여하기 위한 스펙 명확한 커밋 히스토리를 생성하기 위한 간단한 규칙을 제공 커밋 히스토리를 이용하여 더 쉽게 자동화된 도구를 만듦 이 컨벤션은 커밋 메세지에 신규 기능 추가, 문제 수정, 커다란 변화가 있음을 기술함으로써 유의적 버전(Sementic Versioning)과 일맥상통 git 으로 commit 시에 일괄된 양식을 유지 → 그 양식을 바탕으로 버전 관리나 Change Log 를 자동으로 만들 수 있음 커밋 메시지 구조 [적용 범위(선택 사항)]: [본문(선택 사항)] [꼬리말(선택 사항)]커밋 메시지 구조적 요소 Git hook에 Conventional Commit 적용하기 Commit 메시지를..

Programming/Git 2021. 5. 15. 10:44
[Javascript] 실행 컨텍스트(Execution Context) 정리!!

실행 컨텍스트 정의 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념 = 실행 가능한 코드가 실행되기 위해 필요한 환경 자바스크립트 엔진은 실행 가능한 코드를 실행하기 위해 필요한 정보를 형상화하고 구분하기 위해 실행 컨텍스트를 물리적 객체의 형태로 관리한다. 실행 가능한 코드 전역 코드 : 전역 영역에 존재하는 코드 함수 코드 : 함수 내에 존재하는 코드 Eval 코드 : eval 함수로 실행되는 코드 Eval 함수? 문자로 표현 된 JavaScript 코드를 실행하는 함수. 인자로 받은 코드를 caller의 권한으로 수행하므로, 제 3자 코드가 eval()이 호출된 위치의 스코프를 볼 수 있으며, 비슷한 함수인 Function으로는 실현할 수 없는 공격이 가능하여 절대 쓰지 않는 것이 좋다. 실행..

Programming/Javascript 2021. 5. 11. 18:28
이전 1 2 3 4 5 6 ··· 14 다음
이전 다음
반응형
공지사항
최근에 올라온 글
  • npm workspaces 번역해드려요
  • 타입스크립트의 "프로젝트 참조(reference)⋯
  • 우리 팀 FE 파트에서는 멀티레포가 왜 벅찰까
  • Front-end 클린 아키텍처
최근에 달린 댓글
  • 쏙쏙 이해되네요! 좋은 글 감사합니다 :)
  • 와 물흐르듯이 이해가네요 감사합니다
  • 공감하고 갑니다.
  • Bravo
Total
200,970
Today
2
Yesterday
28
링크
  • Github

Blog is powered by Tistory / Designed by Tistory

티스토리툴바