- Today
- Total
목록Web Development (19)
개성있는 개발자 되기
INTRO 책은 엉클 밥이 크고 작은 수많은 시스템을 구축하면서 터득한 방법들이다. 아키텍처 규칙은 동일하다! 라는 주장을 써내려간다. 소프트웨어 아키텍처의 규칙이란 프로그램의 구성요소를 정렬하고 조립하는 방법에 관한 규칙이다. 그리고 이러한 규칙은 보편적이며 변하지 않았다. 1장. 설계와 아키텍처란? 설계와 아키텍처는 단어 의미상 아무런 차이가 없다. 단순히 소프트웨어 전체 설계라고 생각하면 된다. - 소프트웨어 아키텍처의 목표는 필요한 시스템을 만들고 유지보수하는 데 투입되는 인력을 최소화하는데 있다. 즉, 설계 비용이 낮을뿐만 아니라 시스템의 수명이 다할 때까지 낮게 유지할 수 있다면 좋은 설계라고 말할 수 있다. 새로운 기능을 출시할 때마다 비용이 증가한다면 나쁜 설계다. 2장. 두 가지 가치에 ..
웹 애플리케이션이 점차 대형화되고 작업 범위가 넓어짐에 따라, 구조화해야 되는 필요성이 있다. 보통 웹 개발 시, 아래와 같이 HTML 문을 작성하고, 해당 오브젝트 별로 id를 지정해서, JS에서 이벤트들을 바인딩해주는 형태로 진행한다. 간단한 웹프로젝트라면 문제가 없지만, 대형 웹앱일경우, 수많은 js 를 만들어야하며 서로간에 경계선이 존재하지 않아, 무질서하게 다른 js의 이벤트들을 사용할 수 있게 된다. Agular은 기본적으로 컴포넌트 기본 구조이다. 컴포넌트 기반구조에서는 웹 애플리케이션의 부분 부분을 컴포넌트로 구분한다. 이때 각 컴포넌트는 자신만의 클래스 혹은 태그를 통해 나타내지기 때문에, 세부적인 HTML의 나열이 아니라 컴포넌트 단위의 UI로 구성하게 된다. 특히 컴포넌트는, 컴포넌트..
Vue Cli는 Vue.js 애플리케이션을 빠르게 개발할 수 있는 관련된 기능을 모두 제공하는 Vue.js개발 도구이자 시스템이다. 다양한 플러그인과 프리셋을 로딩하여 프로젝트의 초기 설정과 개발을 손쉽게 할 수 있도록 도와준다. 1. Vue CLI의 구성요소와 설치 Vue CLI는 크게 3가지의 구성요소로 이루어져 있다. CLI : @vue/cli → vue 명령어를 실행할 수 있도록 한다. vue 명령어로 새로운 vue 애플리케이션 프로젝트를 생성할 수 있다. vue 단일 파일 컴포넌트를 설정 없이 실행하여 테스트할 수 있음 GUI 환경으로 프로젝트를 생성하거나 관리할 수 있음 CLI 서비스 :@vue/cli-service → 프로젝트가 생성될 때 개발 의존성으로 설치되는 구성요소이다. CLI 서비스..
arguments 객체 함수를 호출할 때 넘긴 인자들이 배열 형태로 저장된 객체를 의미한다. 실제 배열이 아닌 유사 배열 객체다. 객체지만 length 프로퍼티를 가지고 있음 호출 패턴과this 바인딩 객체의 메서드 호출할 때 this 바인딩 객체의 프로퍼티가 함수일 경우 메서드라고 부른다. 메서드가 호출 될 때, 메서드 내부 코드에서 사용된 this 는 해당 메서드를 호출한 객체로 바인딩 된다. 함수룰 호출할 때 this 바인딩 함수를 호출할 때는, this 는 전역 객체에 바인됭 된다 window 객체가 전역이 된다. 특이한 점은, 내부 함수를 호출했을 경우에도 그대로 적용된다. 이것을 방지하려면, 내부함수에서 다른 변수에 this를 저장한 뒤, 하위 내부 함수에서 이를 참조하면 된다. → 내가 말했..