본문 바로가기

분류 전체보기

 (435)
Chap 8. 객체 * 객체의 소개와 문법배열과 비슷하게 연관된 데이터를 담는 그릇. 그렇지만 객체는 하나의 사물에 연관된 데이터를 저장하는 그릇연관배열(Associative array) 또는 맵(Map), 딕셔너리(Dictionary) 데이터 타입이 객체에 해당 12345var grades = {'kim' : 82, 'lee' : 50, 'choi' : 67} // 방법 1var grades = {}; // var grades = new Object(); 도 가능grades['kim'] = 82;grades['lee'] = 50;grades['choi'] = 67;Colored by Color Scriptercs * 객체와 반복문객체에 저장된 데이터를 기준으로 반복문 처리객체는 key와 value의 쌍으로 존재 1234v..
Chap 7. 배열 * 배열의 문법배열이란 연관된 데이터를 모아서 통으로 관리하기 위해 사용하는 데이터 타입. 변수가 하나의 데이터 저장, 배열은 연속된 메모리 공간에 데이터를 모아서 저장. 1234var member = ['egoing', 'k8805', 'sorialgi']alert(member[0]);alert(member[1]);alert(member[2]);cs * 배열의 효용성배열의 효용성은 굉장히 우수, 데이터를 통으로 모아서 관리하고 저장하기에 관련된 데이터를 깔끔하게 관리할 수 있다 * 배열의 사용 - 배열과 반복문배열은 반복문과 함께 사용시 효용을 더욱 발휘한다다음과 같은 사용을 통해 배열의 인덱스를 변수로 접근하여 반복문을 통해 보다 효율적인 알고리즘을 작성할 수 있다 12345678910function..
Home & Detail (Blog 모델 상세 페이지) What To do1) 글자 수 제한2) more을 통해 링크 달기3) 링크 클릭했을 때 detail.html 페이지 내보내기(핵심!) * 핵심 키워드 pk, path converter, get_object_or_404 1)models.py에 다음의 함수를 통해 글자 수를 제한한다! 12def summary(self): return self.body[:100]cs home.html에 가서 위의 정의된 함수 사용blog.body -> blog.summary로 교체 1 {{blog.summary}} cs 2)summary 뒤에 ...more 추가하기 1 {{blog.summary}} ...more cs 3)처리 흐름pk = x 번째 블로그 객체를 요청하면 x번 객체 내용 띄우기path converter = ..
Chap 6. 함수 * 함수란?함수란 하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재상용성을 높여준다 1234function 함수명 (인자1, ...){ // 코드 return 반환값;}cs * 함수의 효용크게 재사용성, 유지보수, 가독성 등의 이득이 있다.구체적으로, 함수가 없다면 필요한 부분의 코드 내용을 계속해서 반복 작업해야 한다. 뿐만 아니라 보다 큰 문제에 대해서 분할정복의 방식으로 접근할 때도 필수적인 부분이므로 함수는 프로그래밍에 있어 매우 중요하다 * 함수의 입력함수는 Input을 넣으면 함수로 가공하여 Output을 제공한다함수는 인자값(Input)을 넣으면 가공을 하게 된다여기서 매개변수(parameter)를 통해 프로그래밍을 해두게 된다 * 함수의 출력return을 통해 함수는 출력값(Outp..
Chap 5. 반복문 * 반복문 기본문법 - Whileloop/iterate로 표현되는 반복적인 구문 * 반복조건다음과 같이 변수를 통해 while문을 활용한다 12345var 1 = 0;while(i
Chap 4. 조건문 * 조건문이란조건문은 boolean과 밀접한 관련이 있다주어진 조건이 true인지 false인지 boolean 값에 따라서 수행할지를 결정할 수 있다 * else, else ifif 뿐만 아니라, else와 else if를 통해 다양한 형태의 조건문 활용 가능! * 조건문의 응용실제 변수를 통해 조건문을 활용하는 것이 일반적이다(prompt를 통해 입력요구창을 꺼낼 수 있다) 1234567id = prompt('아이디를 입력해주세요.')if(id=='egoing'){ alert('아이디가 일치 합니다.')}else { alert('아이디가 일치하지 않습니다.')}Colored by Color Scriptercs * 논리 연산자&&- and 연산자|| - or 연산자! - not 연산자 * boolean의..
Chap 3. 연산자 * 연산자값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호!그 중에서도 비교연산자는 값을 비교하는 연산자(대소 등)이러한 비교를 통해 boolean 값(true,false)을 반환 * 비교 연산자(==, ===)==는 동등 연산자로, 값이 같은지 다른지 비교===는 일치 연산자로, 값이 '정확하게' 같은지 다른지 비교(타입까지 같아야한다) 123//===사용하기alert(1=='1'); //truealert(1==='1'); //falsecs * === 연산자null과 undefined는 둘 다 값이 없는 것이지만 null은 프로그래머가 의도해서 값을 안주는 경우를 의미!즉 타입을 완벽하게 비교할 때는 ===, 타입까지 비교 필요없을 때는 == 사용! 123456789alert(null == und..
Chap 1. 숫자와 문자 , Chap 2. 변수 1. 숫자와 문자 * 수의 표현(number)html body에서 를 통해 javascript 표현따옴표로 감싸지지 않은 숫자를 숫자로 인식정수 / 실수 , 두 가지의 표현이 있다 * 수의 연산계산과 관련된 기능들이 기본적으로 갖추어져 있음Math.함수 - 다양한 함수들이 구비되어 있음(Math 객체에 다양한 함수들이 존재)ex) Math.pow(3,2); 와 같은 함수들 사용 가능 * 문자열(string)문자는 큰 따옴표로 감싸져있는 구문(" ~ ", ' ~ ' )\ 이스케이프 시퀀스로 사용(\' 와 같이 본래의 의미로 표현) * 문자열의 연산"abc" + "def" 을 통해 문자열 합치기 가능"abcd".length 를 통해 문자열 길이 반환 가능 2. 변수 * 변수문자나 숫자와 같은 값을 담는 컨테..

티스토리툴바