티스토리 뷰
개요
리스트를 정렬해서 뿌려줘보자. 문자열들을 정렬하는데,
a, an, the (대소문자 무관)을 제외한 문자열들로 정렬해준다.
내용
1) align-items 와 align-content 의 차이
- align-content 는 여러줄 사이의 간격을 정의하는 것이고
- align-item 은 item 자체의 정렬을 정의하는 것이다.
- 출처: https://goo.gl/8thXHN
2) list-style 의 타입은 square, 포지션은 inside
- 각각 리스트 앞 표시를 사각형으로 해주고, 표시가 리스트 박스(?) 안쪽에 위치한다는 것이다.
리스트 하나 하나의 아래쪽에 1px 한 줄을 그어주는데,
마지막 리스트에는 줄을 긋지 않겠다는 것이다.
1) strip() 은 들어온 문자열에서 해당되는 정규식을 찾아서 없애준다.
2) 그러고 나면
'The Plot in You' 는
'Plot in You' 가 되는데
3) 여기서는 문자열 맨 앞과, 맨 뒤의 문자열이 잘 삭제되었지만,
- 혹시나 남아있다면 .trim() 이 없애준다.
--
1) sortedBands 를 통해서 정렬을 해 준다음
2) 이를 innerHTML 을 이용해서 넣어주는게 전부이다.
참고. innerHTML: https://developer.mozilla.org/ko/docs/Web/API/Element/innerHTML
반응형
'javascript30' 카테고리의 다른 글
19 - Webcam Fun (0) | 2019.04.03 |
---|---|
18 - Adding Up Times with Reduce (0) | 2019.03.28 |
16 - Mouse Move Shadow (0) | 2019.03.26 |
15 - Local Storage (0) | 2019.03.26 |
14 - JavaScript References VS Copying (0) | 2019.03.19 |
반응형
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- notion
- ORM
- Bug
- agile
- 2023
- 자아
- Gin
- 체호프
- 중용
- solid
- go
- 영화
- Software
- 독서후기
- 명상
- 노션
- API
- HTTP
- OpenAI
- 잡학툰
- pool
- bun
- folklore
- postgres
- strange
- golang
- ChatGPT
- intellij
- 클린 애자일
- websocket
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
글 보관함