본문 바로가기
[도서 정리] 사용자를 생각하게 하지마 - 표지판과 빵부스러기 ( 내비게이션 디자인하기 ) [도서 정리] 사용자를 생각하게 하지마 - 표지판과 빵부스러기 ( 내비게이션 디자인하기 ) -"사용자를 생각하게 하지마” 라는 책의 핵심 내용 정리 내용입니다. 구체적 내용과 예시 등은 책을 구매해서 보세요~ -부인할 수 없는 사실이 하나 있다. 사람들은 사용법을 스스로 알아낼 수 없는 웹 사이트는 사용하지 않는다. 어떤 사이트를 방문해서 필요한 내용을 찾지 못하거나 사이트가 어떻게 구성되었는지를 이해할 수 없다면 그 사이트에 오래 머물러 있지도, 다시 방문하지도 않을 공산이 크다. -웹 사이트에는 보통 무언가를 찾기 위해 들어간다.다른 사람에게 물어볼지 직접 찾아볼지 선택한다. 어떤 사이트에 들어가든지 검색상자부터 찾는 이들이 있다.제이콥 닐슨은 이를 “검색 중심” 사용자라고 명명했다. 훑어보기를 선호.. 2018. 6. 13.
[Django] 파이썬 웹 프로그래밍 - Django 의 핵심 기능 #2 [Django] 파이썬 웹 프로그래밍 - Django 의 핵심 기능 #2 * 4.4.1. HTML 에서의 폼 -HTTP 프로토콜 중 폼에서 사용할 수 있는 HTTP 메소드는 GET 과 POST 뿐이다.장고는 이 중에서도 폼 처리에는 POST 방식만을 사용하고 있다.추가적으로 장고는 보안을 강화하기 위해 CSRF 방지 기능을 제공한다. * 4.4.2. 장고의 폼 기능 -장고는 폼 처리를 위해 다음 3가지 기능을 제공한다. 폼 생성에 필요한 데이터를 폼 클래스로 구조화하기 폼 클래스의 데이터를 랜더링하여 HTML 폼 만들기 사용자로부터 제출된 폼과 데이터를 수신하고 처리하기 -장고의 모델 클래스가 데이터베이스 테이블의 논리적인 구조 및 동작 기능, 우리에게 보여지는 방식들을 기술.. 2016. 12. 15.
[Django] 파이썬 웹 프로그래밍 - Django 웹 프레임워크 #2 [Django] 파이썬 웹 프로그래밍 - Django 웹 프레임워크 #1 -프로젝트란 개발 대상이 되는 전체 프로그램을 의미하며,프로젝트를 몇 개의 기능 그룹으로 나누었을 때, 프로젝트의 하위 서브 프로그램을 앱이라 말한다.즉 서브 프로그램인 앱을 개발하고, 이들을 모아 프로젝트 개발을 완성하게 되는 것이다. 이런 개념으로 프로젝트 디렉토리와 앱 디렉토리를 구분하고,코딩하는 파일도 프로젝트 파일인지 앱 파일인지 구분해서 적절한 위치에 저장해야 한다. -중요한 점은 하나의 앱이 여러 개의 프로젝트에 포함될 수 있기 때문에,앱을 한 번만 개발하고 이를 다른 프로젝트에 재사용하여 개발의 생산성을 높일 수 있다.앱 단위로 이들을 모아 프로젝트로 만들고,프로젝트를 모아서 더 .. 2016. 12. 12.
[기초강좌] HTML Forms and Input - w3schools 번역 [기초강좌] HTML Forms and Input - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_forms.asp HTML Form 은 여러 종류의 input 을 받기 위해서 사용된다. HTML Forms HTML Form 은 서버에 데이터를 전송하기 위해서 사용된다. HTML form 은 text field, checkbox, radio-button, submit button 등의 입력을 받는 element 들을 가지고 있다. form 은 select list, textarea, fieldset, legend, label 과 같은 element 들도 가지고 있다. tag 는 HTML form 을 생성하.. 2014. 3. 21.
Bootstrap All Functions #1 Bootstrap All Functions #1 Container, Row, SpanX Responsive Web Typography -기본 tag 들에 대해서도 style 이 적용되어 있다. - blockquote 의 경우 위와 같이 두드러지게 바뀐다. -기본 tag 의 style 을 제거하려면 class="unstyled" 를 적용한다. -dl 의 경우 class="dl-horizontal" 로 수평 definition list 를 사용할 수 있다. Glyphicon User -Glyphicon customize pagehttp://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html Table Forms Search -bootstrap 의.. 2014. 3. 13.
[jQuery] Checkbox 와 RadioButton 에 대해 알아보자. jQuery, Checkbox 와 RadioButton 에 대해 알아보자. Checkbox 만들기 Cheese Pepper 위와 같이 2가지 방법으로 만들 수 있다. 의 경우는 기본적으로 checkbox 만 표시한다.따라서 checkbox 와 label 을 함께 표시하기 위해서는 checkbox 를 label 태그 안에 위치시켜야 한다. 두번째 방법은 label 에 for 속성을 주어, checkbox 와 연결해주는 방식이다.이는 checkbox 뿐만 아니라 다른 form tag 등에도 적용될 수 있지만,직접적으로 display 에 영향을 미치는 녀석은 checkbox 와 radio button 이다. CheckBox 값 체크하기 if ( $("#checkbox1").is(":checked") == tr.. 2013. 7. 3.
[jQuery] 버튼 만드는 방법 jQuery로 버튼 만드는 방법 jQuery를 이용하여 버튼을 만드는 방법은 3가지가 있다. 1. anchor tag 이용 Button 2. div tag 이용 Button 3. form tag 인 input tag 이용 이 세 가지 방법중에 가장 많이 쓰이는 형태는 바로 anchor tag 를 이용한 방법왜냐하면.. 1. href 속성이 있어 바로 link 연결하는 데 수월하다. ( div 태그보다 활용성이 높다. ) 2. 3번의 form tag 와는 달리 width, height 속성 등을 조정할 수 있다. 3. normal 상태와 pressed 상태를 구분해서 속성을 변경할 수 있다. a, a tag, ANCHOR, Button, data-role, data-role="button", div, di.. 2013. 6. 28.
[VB6] 다른 Form 으로 값 넘기기 다른 Form 으로 값 넘기기 VB6 프로그램의 규모가 커지게 되면, 하나의 Form 으로 모든 것을 해결하지 못하는 경우가 많아진다.이럴 경우는 Form 을 여러개 생성하면서 메인 Form 에서 다루기 힘든 UI 들을Sub Form 에 생성하여 그곳에서 처리하게 하는 경우가 생긴다. 이 때 필요에 따라서 Main Form 에서 Sub Form 으로 값을 넘겨야 하는 경우가 생기는데,그 방법에 대해 알아본다. 먼저 전달받는 값을 저장한 변수를 정의하고,값 전달을 위해 사용될 public 함수를 만든다. Private passedVar As String Public Sub PassVar(newPassedValue As String) passedVar = newPassedValueEnd Sub 사실 Enca.. 2013. 6. 17.
[VB6] 대표적인 Control 들에 대해 공부해보자. VB의 대표적인 Control들에 대해 공부해보자. [이전강좌] Property(속성값) 다루는 법이 궁금하세요? 여기를 클릭 TextBox String Input 을 받을 수 있는 Box. 숫자를 다룰 때는 Val() 함수와 함께 잘 쓰인다. Label Caption property 를 이용하여 정보를 표시할 때 사용한다. CommandButton 일반적 버튼을 말한다. 보통 Click 이벤트가 가장 많이 쓰인다. PictureBox 이미지를 표시할 때 사용된다. LoadPicture 함수를 이용해서 runtime 에 그림을 바꿀 수도 있다. ImageBox Picture Box 와 거의 같으나, image 를 stretch 하는 기능이 있다.Picture Box 와 마찬가지로 runtime 에 Loa.. 2013. 5. 31.
반응형