Air List 썸네일형 리스트형 루비 메소드의 정의 메소드란?모든 문장은 명사와 동사로 이루어져 있다. 루비의 세계에서는 객체가 명사, 메소드가 동사이다. 객처 -> 메소드 -> 객체(결과) def peel_banana(banana) yummy_banana = banana return yummy_banana end def로 시작하고 메소드 명, 넣을 값을 정한 뒤 동작코드를 작성하고 return값을 적는다. 루비 연산자 연산자란?특정한 작업을 하기 위해서 사용하는 기호(대입, 산술, 비교, 논리) 1. 대입 연산자a = 1변수에 값을 집어 넣기 위해 우리는 대입 연산자(=)를 쓴다. 2. 산술 연산자 (+) 덧셈 : 문자열에서도 사용 가능하다.(-) 뺄셈 (*) 곱셈 : 문자열, 배열에서도 곱셈이 가능하다.(**)제곱 (/)나눈 몫 : 소수점의 유무 즉, 실수와 정수에 따라 값이 다르게 나온다.(%)나눈 나머지 3. 비교 연산자a==b 연산 같으면 ture 다르면 falsea!=b 연산 같으면 false 다르면 trueab 연상 a보다 b가 작으면 truea>=b 혹은 a 루비 변수와 상수 변수와 상수는 무엇인가? 변수 : 변하는 값상수 : 변하지 않는 값 # 상수 2를 변수 x에 대입한다.변수 = 대입할 값x = 2hi = "hello" --> 이 행위를 선언이라고 한다. 타입을 미리 선언하지 않는다. 변수의 종류 지역변수 : 자신이 선언된 스코프에서만 참조 가능하다.foo = 'foo in top level'전역변수 : 어디서 선언하던, 어느곳에서나 불러올 수 있다.$foo = 'foo in whole'인스턴스 변수 : 클래스 내에 있는 인스턴스에서 불러올 수 있다.@foo = 'foo in instance'클래스 변수 : 클래스 내에 어디에서든 불러올 수 있다.@@foo = 'foo in class' 앞에 변수형을 선언 없어도 된다. JavaScript 기본 코드 JavaScript를 사용하면 웹 사이트에 기능을 넣어 줄 수 있습니다. JavaScript는 script태그를 이용하여 작성합니다. script태그는 head태그에 들어가도 되지만, body의 가장 하단 부분에 넣어주는 것을 권장합니다. JavaScript 기본 코드 1 2 3 10 11 12 JavaScript를 이용하여 HTML 추가하기자바스트립트를 이용하여 HTML코드를 생성하는 방법입니다. 웹사이트에서 HTML로 기본적인 레이아웃만 잡고 자바스크립트를 이용해서 서버로 부터 데이터를 가져와 아래와 같이 표시하는 경우가 많습니다. 1 2 3 7 8 9 10 document.getElementById('container').innerHTML="생각하기";11 12 13 CSS와 셀렉터 CSS = Cascading style sheets웹사이트를 꾸며주는 역할을 한다. 셀렉터CSS를 이용해 꾸미려 특성 요소에 접근하는 것을 '셀렉터'라고 한다. 셀럭터를 만들 때는 태그를 이용하는 방법과 id와 class속성을 이용하는 방법이 있다. 1. 태그를 이용하여 셀렉터 만들기특정 태그를 모두 꾸미고 싶다면 태그를 이용해 셀렉터를 만든다. p태그의 폰트 크기와 색상을 바꾸었다. head태그 부분에서 하위 style태그에서 태그로 이용해 접근했다. 그러면 해당 태그는 전부 CSS효과가 적용된다. li태그는 좌측에 나오는 원 표시를 지우는 것을 만들었다. 1 2 3 17 18 태그 p119 태그 p220 태그 p32122 23 li124 li225 li326 27 28 2. class를 이용해 셀렉터.. 루비의 자료형 루비의 다양한 데이터 종류대표적으로 4가지가 있다. 1. 숫자우리가 잘 알고 있는 1, 2, 3 2. 문자열' Hello world ' => 문자열로 컴퓨터가 인식한다." Hello world " => 작은따음표, 큰따음표 관계없이 사용 가능하다. # "아무것도 없다"의 의미nil # 참 거짓의 의미true #=> 참false #=> 거짓 3. 배열(Array)번호(인덱스)와 번호에 대응하는 데이터들로 이루어진 자료구조배열(Array) = [요소, 요소, …]people = [ 'alice', 4423, 3.14, nil, false ]people[0] #=> ' Alice 'people[10] #=> nil 4. 해시(Hash)키를 값에 매핑할 수 있는 자료구조 해시(Hash) = {키 => 요소}(1.. HTML 태그 HTML의 다양한 태그에 대해서 알아보자. 아래 태그는 body태그 안에 포함된다. 1. pp태그는 문단을 나타내는 태그입니다. 2. hh태그는 1~6까지 폰트크기를 설정할 수 있습니다. 숫자가 작을 수록 폰트 크기가 큽니다. 3. ul, liul과 ol은 각각의 요소를 li태그로 표현하며, 리스트를 만듭니다. 4. tabletable태그를 이용해 표를 표현할 수 있습니다. thead, tbody를 가지고 있을 수 있고, tr을 이용해 행을 표현합니다.그리고 th와 td를 이용해 각 행의 컬럼을 표현합니다. th는 가운데 정렬과 굵은 글씨체를 만듭니다. 5. input, buttoninput태그와 button태그는 데이터를 넣는 폼과 페이지 조작 버튼을 만듭니다. input은 type, name, val.. HTML 기본구조 HTML = Hyper Text Markup Language' 하이퍼 텍스트 마크업 언어 '라고 하며, 웹을 이루는 가장 기본 요소이다. ※ 웹페이지는 세 가지로 이루어져 있다.1. 레이아웃을 담당하는 HTML2. 기능을 담당하는 Java script3. 꾸밈을 담당하는 CSS HTML 기본구조 1 2 3 7 8 9 10 부연설명1. 꺽쇠()는 태그라고 한다. 태그는 여는태그 , 닫는태그 가 한쌍으로 이루어져 있다. 태그는 태그 이름과 속성으로 태그를 만들고, 속성은 여러개가 될 수 있다.2. (1)번 줄은 html5를 명시한다.3. (2), (10)번 줄은 html 태그로 모든 태그를 감싸고, html 태그는 lang이라는 속성을 지니고 있다.4. (3), (4), (5), (6)번 줄은 meta, t.. 이전 1 2 다음