Webpack 은 웹에서 사용되는 모든 자원(assets)을 번들링 해주는 도구이다. 번들링의 개념은 여러 개의 파일 중에 종속성이 존재하는 파일을 하나의 파일로 묶어 패키징을 시키는 과정을 의미한다. 1번 파일에서 2번 파일에 있는 함수를 호출해야할 경우 스크립트를 불러오는 순서를 2번 파일을 제일 상단에 올려놓고, 1번 파일을 그 다음에 불러와지도록 선언을 했는데 이제는 모듈이라는 개념을 사용해 1번 파일에서 2번 파일을 불러오기만 하면된다.번들링을 함으로써 파일은 하나로 합쳐지고, 네트워킹 요청횟수는 줄어들게 된다. 그리고 중복된 소스코드도 최소화하고 모듈 개념을 사용하기 때문에 글로벌이 오염되지도 않는다.그리고 웹팩을 사용하면 자바스크립트 간의 종속성 뿐만 아니라 자바스크립트 내에서 필요한 css..
분류 전체보기 검색 결과
CI (Continuous Integration) 쉽게 번역하자면 지속적 통합으로서, 지속적으로 퀄리티 컨트롤을 적용하는 프로세스를 시키는 것이다. 개발자가 각각 개발한 소스코드를 모아 한꺼번에 Build 하는 통합 Build 의 과정을 특정 시점이 아니라, 주기적으로 수행함으로써 통합에서 발생하는 오류를 사전에 해결하고, 이러한 과정들에 소용되는 시간을 줄이기 위한 방법을 말한다. 소프트웨어가 거대해지고 복잡해지면서 팀 단위로 개발하게 되었고, 이 과정에서 분업과 협업은 필수가 되었다. 이 분업 및 협업의 과정에서 소스 버전 관리 툴을 이용한 소스코드의 Merge 과정은 까다롭게 되었고, 이 문제를 해결하기 위한 기법이 바로 CI 이다. Agile 방법론이 대두되면서 CI 는 더 주목받게 되었고, 배포..
Linter 코딩 컨벤션 (코딩스타일, 코딩표준) 과 에러를 체크해주는 툴으로서, 독립적으로 실행이 가능하고 IDE 의 플러그인으로도 존재한다. Python, RUby, Java, Swift, HTML, CSS, YAML, Markdown 의 대부분 문법을 지원하고 있다. 코딩 컨벤션은 단순 띄어쓰기를 가이드하는 것 이외에도 React의 경우 props validation 코드가 빠졌다는 것을 알려주고,ES6 에 추가된 template string 기능도 알려준다. linter 사용을 위해 JavaScript Lint툴인 eslint 를 설치한다.
REST API (Representational State Transfer API) 구성 1. 자원 (Resource) -URI 2. 행위 (Verb) - HTTP METHOD 3. 표현 (Representations) 특징 1. Uniform (유니폼 인터페이스) Uniform Interface 는 URI 로 지정한 리소스에 대한 조작을 통일되고 한정적인 인터페이스로 수행하는 아키텍처 스타일을 말한다. 2. Stateless (무상태성) REST 는 무상태성 성격을 가짐으로서, 작업을 위한 상태정보를 따로 저장하고 관리하지 않는다. 세션 정보나 쿠키정보를 별도로 저장하고 관리하지 않기 때문에 API 서버는 들어오는 요청만을 단순히 처리하면 된다. 이 때문에 서비스의 자유도가 높아지고 서버에서 불필요한 ..
AWS (Amazon Web Services)클라우드 서비스 플랫폼으로 컴퓨터 파워, 데이터베이스 스토리지, 콘텐츠 전송 및 기타 기능을 제공 1. EC2Amazon Elastic Compue Cloud(EC2) 는 클라우드에서 가상머신을 만들고 실행하는데 사용하는 아마존 웹 서비스이다. 2. S3Amazon Storage Solution 을 사용하며 파일을 클라우드에 저장한다. Amazon S3 는 데이터(객체)를 대규모로 저장하는 아마존 웹 서비스이다. 3. RDSAmazon Relational Database Service(RDS) 를 사용하면 클라우드에서 관계형 데이터베이스를 더욱 간편하게 설정, 운영 및 확장할 수 있다.여러 데이터베이스 인스턴스 유형(메모리, 성능 도는 I/O 최적화)으로 제공..
최근댓글