본문 바로가기

분류 전체보기

 (433)
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. 변수 * 변수문자나 숫자와 같은 값을 담는 컨테..
Chap 0.실행환경 * 코드 작성과 실행VS코드 에디터를 통해 코드를 작성 후 웹 브라우저를 통해 실행! * 크롬 개발자 도구_콘솔 사용법크롬 개발자 도구를 통해서도 작성 후 실행 가능Console.log('원하는 메세지') * 도구의 선택코드 에디터를 선택하기(통합개발도구 IDE 선택)좋은 도구를 선택하고 공부도 필요(삽이 아닌 포크레인을 사용하려면 면허가 필요하듯이 공부가 필요)그렇지만 더욱 효용이 뛰어나니까 학습하기 * 주석Syntax Error 체크하기Ctrl + / 를 통해 주석사용(//)메모의 의미 * 줄바꿈과 여백줄바꿈의 의미(;)들여쓰기(Tab)을 통해 가독성 향상
Chap 8. Css 뛰어넘기 * Preprocesser Css 자체가 커다란 표준이기에 다양한 기능이 추가되기까지 많은 과정과 시간이 걸림. 그래서 추가적인 기능을 미리 맛보일 수 있도록 하는 것임. 즉, css의 변형 모듈을 사용가능 http://lesscss.org/ (온라인 변환기)http://sass-lang.com/http://stylus-lang.com/ (온라인 변환기) Preprocesser 문법이 있고 이러한 문법을 컴파일을 통해 css 문법으로 변형해주는 것으로 구성되어 있음 에디터에서 확장기능을 통해 컴파일러 설치! * Fontello (참조: Fontello.com)(참조: thenounproject.com) 아이콘 같은 것들을 이미지가 아닌 폰트로 삽입하기(Vector 방식)Fontello.com 사이트에서 ..

티스토리툴바