Whiteship's Note


Chapter 8. More Lists

View/HTML/CSS : 2008.03.23 15:20


순서가 있는 목록을 표현하는 방법

<ul> 사용하기

<ul>

<li>1. Chop the onions.</li>

<li>2. Saute the onions for 3 minutes.</li>

<li>3. Add 3 cloves of garlic.</li>

<li>4. Cook for another 3 minutes.</li>

<li>5. Eat.</li>

</ul>
  • 중간에 새로운 요소를 추가하면 번호를 전부 수정해야 한다.
  • 숫자들 앞에 bullet이 붙는다. 이건 CSS로 띄어낼 수도 있지만, CSS를 모르는 옛날 브라우저들은 어떻게 하나..

<ol> 사용하기

<ol>

<li>Chop the onions.</li>

<li>Saute the onions for 3 minutes.</li>

<li>Add 3 cloves of garlic.</li>

<li>Cook for another 3 minutes.</li>

<li>Eat.</li>

</ol>
  • 자동으로 넘버링 해준다.
  • type 속성으로 여러가지 타입의 넘버링을 할 수 있지만, CSS 설정하는 것이 좋다. HTML 4.01에서 deprecated 됐다.

용어와 설명을 표현하는 방법은?

<ul> 사용하기

  • 용어에만 따로 스타일을 적용해야 한다면?

<dl>, <dt>, <dd> 사용하기

<dl>

<dt>CSS</dt>

<dd>A simple mechanism for adding style (e.g. fonts, colors, spacing)

to Web documents.</dd>

<dt>XHTML</dt>

<dd>A family of current and future document types and modules that

reproduce, subset, and extend HTML, reformulated in XML.</dd>

<dt>XML</dt>

<dd>A simple, very flexible text format derived from SGML.</dd>

</dl>
  • term과 description에 각각 스타일을 적용할 수 있다.

'View > HTML/CSS' 카테고리의 다른 글

XPath Path Expression 문법  (0) 2009.05.15
Chapter 14. Image Replacement  (0) 2008.03.31
Chpater 13. Styling Text  (0) 2008.03.31
Chapter 10. Applying CSS  (0) 2008.03.26
Chapter 9. Minimizing Markup  (0) 2008.03.23
Chapter 8. More Lists  (0) 2008.03.23
Chapter 7. Anchors  (0) 2008.03.23
Chapter 6. Strong, EM and Other Phrase Elements  (0) 2008.03.23
Chapter 5. Forms  (0) 2008.03.23
Chapter 4. Quatations  (0) 2008.03.23
Chapter 4. Quatations  (0) 2008.03.20
top

TAG CSS, dl, HTML, ol, 웹 표준

Rolling with Ruby on Rails Revisited 실습 후기

RUBY/on Rails : 2007.05.25 12:12


와 세상에 이렇게 간단하다니;;; 정말 RoR 장난아니네요.
- Rolling with Ruby on Rails Revisited, 번역 기사
- Rolling with Ruby on Rails Revisited2, 번역 기사
위 글 두개를 참조 하며 따라해 보았습니다. 번역 기사에 오타(특히 코드 주변)[각주:1]가 있긴 하지만 화면 캡쳐 한 걸 보면 쉽게 따라하실 수 있습니다.

그 전에 설치와 서버 구동에 관한 부분은 위 글과 달리 http://www.rubyonrails.org/down 이 글을 참조 했습니다.

프로젝트 만드는 방법
rails 프로젝트 패키지명

DB 이름 convention
프로젝트 홈 이름_development

DB 설정
비번 없는 root 계정에 위의 DB 이름을 defalut로 사용하기 때문에 별다른 설정이 필요 없을 수도 있습니다.
프로젝트홈/config/database.yml

Scaffold로 기본적인 CRUD를 위한 모델, 컨트롤러, 뷰 생성하기
ruby script/generate scaffold 모델명 컨트롤러명

서버 구동 하기
ruby script/server

서버 접속하기
http://localhost:3000

서버 멈추기
Ctrl + c, Ctrl + z, Ctrl + x 셋을 번갈아 가며 눌러보다 보면 멈추게 됩니다. [각주:2]

프로젝트 구조
- 프로젝트 홈
사용자 삽입 이미지

- app
사용자 삽입 이미지

와 이걸로 게시판 만들면 정말 5분만에 만들겠네요. 예제 따라하면서 자동으로 만들어 주는 화면과 컨틀롤러들이 동작하는 걸 보고 깜짝 놀랐습니다. 아직 화면을 바꾸고 컨트롤러의 동작을 바꾸지는 못하지만 이런 기본 포맷만 만들어서 보여주기에는 더없이 좋은 것 같습니다.

좀 더 공부해서 화면과 컨트롤러와 모델을 내 맘대로 수정할 수만 있으면 지금 Spring, Hibernate로 하고 있는 학교 프로젝트들을 좀 더 쉽게 만들 수 있을 것 같다는 느낌이 듭니다.

과연 내 맘대로 주무룰수 있을 때 까지 공부하는게 얼마나 힘들지 모르겠지만 좋은 번역서들과 책들이 나오고 있기 때문에 재밌게 공부할 수 있을 것 같네요. RoR 멋져효~
  1. Reflection을 반사라고 번역한 부분이 꽤 인상적이였습니다. [본문으로]
  2. 콘솔창이 느리게 반응해서 어떤 키로 멈췄는지 모르겠네요;; 아마도 c 일듯. [본문으로]
top

TAG ol, RoR