전체 글
-
CSS (Cascading Style Sheets)HTML & CSS 2020. 4. 7. 11:37
CSS HTML이나 XML로 작성된 문서의 표현을 위해 쓰이는 스타일시트 언어입니다. 콘텐츠의 글꼴, 색상, 크기 및 간격을 변경하거나 여러 열로 분할하거나 애니메이션 및 기타 장식 기능을 추가하는 등의 웹 페이지 스타일 및 레이아웃에 사용됩니다. CSS적용방법 직접적용(Inline) inline 내부 (Internal CSS) Hello World! 외부 (External CSS) Hello World! /* 모든 h1 태그에 빨간색, 기울임꼴을 적용 */ h1 { color: red; font-style: italic; } CSS selector 스타일을 적용시킬 요소를 tag, ID, class를 활용하여 선택할 수 있습니다. Hello World! Hello World! Hello World! 태..
-
HTML (HyperText Markup Language)HTML & CSS 2020. 4. 7. 10:35
HTML 웹 페이지의 틀을 만드는 마크업 언어이고, 부등호( )로 묶인 tag들로 이루어져 있습니다. Hello World! contents Here Self-closing tag 태그 내부에 내용이 없다면, 와 같이 표현가능합니다. Division div 태그는 한 줄을 차지 Span span 태그는 컨텐츠 크기만큼의 공간 Image scr 라는 속성에 이미지 정보를 삽입하여 불러옴. 닫는태그 불필요 Link href 라는 속성에 링크삽입 & Unordered List & List Item Ordered List 컨텐츠 앞에 번호가 적힘 input (Text) ID PW input (Radio) A B input (Checkbox) 체크하세요 Multi-line Text Input 입력해보세요 ..
-
테스트 주도 개발 (Test Driven Development)카테고리 없음 2020. 4. 6. 18:15
Test Driven Delveopment 테스트를 먼저 만들고 테스트를 통과하기 위한 코드를 만들어서 테스트를 통과하는 코드를 만들고, 또 다른 테스트를 만드는 과정을 반복하여서 제대로 동작하는지 피드백을 적극적으로 받는 것입니다. 예를 들어, 생년월일(input)을 입력받으면 현재 나이(output)를 출력하는 프로그램 1. 간단한 목표를 설정 (태어난 해와 올해의 연도를 입력) - 2002, 2020 -> 18살 2. 먼저, 테스트를 만든다. - 2002와 2020을 입력하면 18이 나오는 테스트 3. 그다음에 테스트를 통과할 프로그램을 만든다. 4. 테스트를 실행하고, 통과하면 새로운 테스트를 추가한다. 위와 같은 작업을 계속 반복한다. 테스트 주도 개발은 결정과 피드백 사이의 갭을 조절하기 위한..
-
클로저 (Closure)Javascript 2020. 4. 2. 16:49
Closure Closures are nothing but FUNCTIONS WITH PRESERVED DATA 내부함수가 외부함수의 컨텍스트에 접근할 수 있는 것을 클로저라고 합니다. 외부함수가 실행된 후에도 내부함수가 외부함수의 컨텍스트에 접근할 수 있습니다. 커링: 함수 하나가 n개의 인자를 받는 대신, n개의 함수를 만들어 각각 인자를 받게 하는 방법 function adder(x) { return function(y) { return x + y; } } adder(2)(3); //5 //하나의 값을 고정시키고 계속 사용할 수 있습니다. let add100 = adder(100); add100(2); //102 add100(10); //110 let add5 = adder(5); add5(2); ..
-
데이터 타입 (data type)Javascript 2020. 4. 2. 14:20
숫자와 문자 가장 많이 사용하는 데이터 형식으로써 프로그래밍으로 어떻게 표현하고 연산하는지 알아보겠습니다. 숫자 (정수, 실수) 1 //큰따옴표나 작은 따옴표가 붙지 않은 숫자를 숫자로 인식합니다. 1 + 2.5//정수와 실수을 사용할 수 있고, 사칙연산을 지원합니다. 2 * 5//곱하기를 할 때는 * (키보드 자판으로, shift + 8)를 사용합니다. 10 / 2//나누기를 할 때는 / (키보드 자판으로, 오른쪽 shift의 왼쪽)를 사용합니다. 사칙연산 이외의 복잡한 연산도 지원합니다. Math.pow(3,2); // 9, 3의 2승 Math.round(10.6); // 11, 10.6을 반올림 Math.ceil(10.2); // 11, 10.2를 올림 Math.floor(10.6); // 10, ..