IT지식/Web, Server16 [Web] 실습 UI 개발로 배워보는 순수 javascript와 VueJS개발 - Vue.js란? Vue.js는 웹프론트엔드 프레임워크 중 하나이다. 컴포넌트 기반의 SPA(Single Page Applcation)를 구축할 수 있게 해주는 프레임워크이다. 컴포넌트란 웹을 구성하는 로고, 메뉴바, 버튼 등 웹 페이지 내의 다양한 UI요소를 재사용 가능하도록 구조화 한 것이다. SPA는 단일 페이지 어플리케이션으로 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태를 말한다. 빠른 페이지 변환과 적은 트래핑 양을 지원한다. Vue.js를 공부하기 위해서 인프런의 "실습 UI 개발로 배워보는 순수 javascript와 VueJS개발" 강의를 따라하며 학습해보겠다. - 개발환경 node.js vscode chrome(최신 버전) lite-server(개발 서버) git(코드 형상 .. 2023. 2. 10. [Web] Docker에 대해 공부해보자 Docker란? 도커는 리눅스 컨테이너 기술을 기반으로 하는 오프 소스 서비스이다. 도커를 통해 애플리케이션 실행 환경을 코드로 작성할 수 있다. 도커를 통해 OS를 공유, 격리화하여 관리할 수 있다. 쉽게 말해 도커는 다양한 프로그램들과 실행환경을 컨테이너로 규격화시켜 프로그램의 배포와 관리를 단순화할 수 있게 도와주는 기술이다. 리눅스 컨테이너란? 리눅스 컨테이너는 Linux 기반의 기술 중 하나이다. 필요한 라이브러리와 애플리케이션을 모아서 마치 별도의 서버처럼 구성한 것을 말한다. 컨테이너를 이루는 네트워크 설정, 환경 변수 등의 시스템 자원은 각 컨테이너가 독립적으로 소유하고 있다. 리눅스 컨테이너의 기술들은 다음과 같다. 프로세스의 구획화? 특정 컨테이너에서 작동하는 프로세스는 기본적으로 그 .. 2023. 1. 3. [Web] 디자인 패턴에 대해 공부해보자. GoF(Gang of Fours) 디자인 패턴에 대해 공부해보자. 우선 디자인 패턴은 생성, 구조, 행위로 크게 나누어 분류할 수 있다. - 생성(Creational) 패턴 : 객체 생성(인스턴스화), 특정 개체가 생성되거나 변경되어도 프로그램 구조에 영향을 크게 받지 않도록 유연성을 제공한다. 추상 팩토리 (Abstarct Facotry) 빌더 (Builder) 팩토리 메서드(Factory Method) 프로토타입 (Prototype) 싱글턴(Singleton) - 구조(Structural) 패턴 : 객체 결합(조합), 클래스나 객체를 조합하여 더 큰 구조를 만드는 패턴 어댑터 (Adapter) 브리지 (Bridge) 컴퍼지트 (Composite) 데커레이터 (Decorator) 퍼사드 (Facage).. 2023. 1. 1. [Web] 개발의 원칙들 : KISS, YAGNI, DRY에 대해 공부해보자 소프트웨어를 개발하기 위해서 필수로 알아야할 3가지의 원칙들이 있다고 한다. 이를 공부해보자. DRY - Don't Repeat Yourself 이란? 똑같은 일을 두번하지 않는다는 의미로 중복되는 함수나 코드는 하나의 공통의 컴포넌트에 넣고 사용한다는 의미이다. 시스템이 소규모일때는 복잡도가 크지 않기 때문에 프로그램을 이해하기가 수월한 반면 시스템이 커지고 개념도 많아지면 복잡도가 기하급수적으로 높아지게 된다. 이런 시스템에서 복잡도를 최대한 줄여야 개발 및 유지보수비용이 절감이 된다. 특정 코드를 여러번 복사하고 붙여넣기 한 경우, 같은 문제로 여러 곳을 수정해야하는 문제가 발생할 수도 있다. DRY를 위반한 것을 WET(We Enjoy Typing)이라고 한다. KISS - Keep it simp.. 2022. 12. 24. 이전 1 2 3 4 다음
