본문 바로가기

전체 글332

CSS CSS 란? (Cascading Style Sheets) 웹 페이지의 구성요소의 스타일을 정의하는 언어 XML 방언(dialect) 포함)로 작성된 문서의 표현을 기술하기 위해 쓰임 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 기술 INLINE Security Info style="color: red"; : red color font-style: italic";: italic HTML 내부에 StyleSheet [Name].html ``` Security Info ``` HTML 외부에 StyleSheet [Name].css hi { color: red; font-style: italic; } CSS Selector (Element > ID 부여) - 고유한 스타일 [Name.. 2020. 6. 30.
HTML HTML 이란? (Hyper Texet Markup Language) HTML 트리 구조 웹 페이지의 틀을 만드는 언어 HTML document Default Tag : html 문서 시작 : html 시작 태그, 문서 전체의 틀을 구성 : head 태그는 문서의 메타데이터를 선언 : 문서의 제목, 브라우저 상단에 출력 : body 태그는 문서의 내용을 담는 곳 HTML meta Tag HTML Self-Closing Tag HTML Most Used Tags In Html : Division (레이아웃) : Span (일부분 스타일 적용) : Image (이미지 링크) : Link (주소 링크) : Unordered List (정렬되지 않은 목록) : List Item (목록의 항목) : Ordered.. 2020. 6. 30.
TDD (테스트 주도 개발) TDD (Test-driven development TDD) 코드를 작성하기 전에 테스트를 쓰는 방법론 매우 짧은 개발 사이클을 반복하는 소프트웨어 개발 프로세스 중 하나 개발자는 먼저 요구사항을 검증하는 자동화된 테스트 케이스를 작성 TDD의 과정 테스트의 자동화 TDD는 테스트를 자동화하는 것이 필수 조건 자동화되어 있지 않으면 테스트를 실행하는 것이 귀찮기 때문에 테스트를 자주 실행하지 않게 됨 TDD의 사이클을 진행하는데 장애가 됨 자동으로 테스트를 수행할 수 있는 환경을 갖추는 것이 중요 자동화에 사용하는 도구들 Simple assert functionality in your Language Junit, CppUnit, NUnit 등의 유닛 테스트를 위한 xUnit 프레임웍 FIT, FitNes.. 2020. 6. 29.
객체지향 JavaScript 객체지향 JavaScript 란 ? 실제에 존재하는 모델을 만들기 위한 프로그래밍 패러다임 각 객체는 메시지를 받을 수도 있고, 데이터를 처리할 수도 있으며, 또다른 객체에게 메시지를 전달할 수도 있음 용어 class// : 객체의 특성을 정의 instance// : class 바탕으로 한 객체를 만드는 프로그래밍 패턴 prototype// : 모델의 class 만들 때 쓰는 원형 객체 constructor// : 인스턴스화 되는 시점에서 호출되는 메서드 this// : 값은 함수를 호출한 방법에 의해 결정 new// : 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성 ES5 class는 함수로 정의할 수 있음 function Car(brand, name, color) { // 인스턴스가 .. 2020. 6. 28.