[Mac] Windows manager Rectangle쓰기

기존에 Windows manager로 Veer를 쓰다가 Rectangle이 더 나은 것 같아 갈아탔다. 설치는 Rectangle 사이트(https://rectangleapp.com/)에서 다운로드 받아 설치하면 된다.

내 Rectangle 설정 (32:9 모니터 기준)
내 Rectangle 설정 (32:9 모니터 기준)

나같은 경우는 아래 절반, 위 절반을 사용하지 않기 때문에 둘 모두 없앴다. 대신 높이 최대화를 Ctrl + Option + 위, 가운데 절반을 Ctrl + Option + 아래로 설정했다.

32:9 울트라 와이드 모니터의 경우 Ctrl + Option + D, F, G가 유용할 것 같다. Ctrl + Option + D만 눌러도 1/3씩 토글되면서 움직인다.

왼쪽 위, 오른쪽 위, 왼쪽 아래, 오른쪽 아래도 사용하지 않을 것 같아서 1/4 쪽으로 U, I, J, K도 바꿨다. 역시 Ctrl + Option + U만 눌러도 1/4씩 토글되면서 움직인다.

창 복원은 항상 Ctrl + Option + BackSpace 이다.

[Python] sorted() 설명

sorted() 함수는 iterable로 정렬한 list를 만든다. doc string을 보자.

Return a new list containing all items from the iterable in ascending order.

A custom key function can be supplied to customize the sort order, and the reverse flag can be set to request the result in descending order.

설명에서 보이는대로 key로 function을 받아 그 function의 기준에 따라 정렬 가능하다. 순서를 작아지는 순서로 하고 싶다면, reverse 를 True로 주면 된다. 예를 들면 다음과 같다.

names = [ 'Bamtol', 'Mong', 'Justin', 'Jay']
sorted(names)
['Bamtol', 'Jay', 'Justin', 'Mong']

key를 len()으로 주고, 작아지는 순서대로 해보자.

sorted(names, key=len, reverse=True)
['Bamtol', 'Justin', 'Mong', 'Jay']

[HTML5&CSS] Text based elements

다음 Text based elements를 살펴 보자.

  • Headings
  • Paragraphs
  • Inline text elements
  • Lists

HTML 안의 heading element들은 H1 에서 H6 까지 6단계까지 있다.

문단(paragraph를) 나타내는 태그는 p이다. 문단 단위로 p 태그를 사용해서 나눠준다.

Inline text elements는 여러가지가 있다.
강조(emphasized)를 원한다면 em을 사용한다. 예를 들면, 원하는게 있다면 <em>지금</em> 하라.
정말 중요하게 표시하고 싶다면, strong을 사용한다. 예를 들면, 이건 정말 <strong>중요</strong>한 거.
하이퍼링크를 사용하고 싶다면, a를 사용한다. 예를 들면, <a href=”https://blog.dasomoli.org”>다솜돌이의 블로그</a>
별 뜻 없이 어떤 내용을 다른 내용들과 나누고 싶을 때 사용하는 태그는 span이다. div와의 차이점은 inline으로 사용한다는 점이다. 일반적인 용도로 다른 text들과 다르게 특정 text의 색을 바꾸는데 많이 사용한다. 예를 들면 다음과 같다.

list는 세가지 타입이 있다. unordered list (ul), ordered list (ol), definition list (dl).

unordered list와 ordered list는 list item (li) 으로 항목을 나타낸다.

CSS를 사용해서 list-style 속성으로 square, circle, upper-alpha, upper-roman 등으로 list의 스타일을 정해줄 수 있다.

definition list (dl)은 자주 쓰이진 않는다. 어떤 용어의 정의와 설명을 서술할 때 사용한다. 용어(term)에는 dt를 사용하고, 설명(description)에는 dd를 사용한다. 예를 들면 다음과 같다.

CSS reset 하기

각기 다른 브라우저들이 서로 다르게 렌더링하기 때문에 이를 위해서 CSS를 reset한다.

Eric Mayer가 만든 좀 더 복잡한 CSS reset 코드가 있다. http://meyerweb.com/eric/tools/css/reset/ 에서 찾을 수 있다.

 

CSS text properties들을 알아보자.

두 그룹으로 나눌 수 있다. Text를 다루는 것과 Font를 다루는 그룹. 먼저 text를 보자.

color 속성은 text의 색상(color)를 바꾼다. hexadecimal 아니면 RGB로 표현하던가, 이름을 줄 수 있다. 예를 들면 다음과 같다.

text-align 속성은 left-aligned, centered 혹은 right-aligned 로 text의 정렬 방법을 정한다.

밑줄을 준다든지 하고 싶을 때는 text-decoration 속성을 준다.

취소선을 줄 때는 text-decoration에 line-through를 주면 된다.

대소문자 변환을 위해서는 text-transform 속성을 이용한다. 다음은 모두 대문자가 된다. lowercase를 쓰면 모두 소문자, capitalize를 쓰면 각 단어별 첫 글자만 대문자가 된다.

줄간격을 위해서는 line-height 속성을 이용한다. 각 줄 사이의 vertical spacing을 조절한다.

 

이제 font를 다루는 그룹의 속성들을 보자.

font-family 속성은 어떤 폰트를 쓸지를 결정한다. 첫번째 것을 시도하고 없으면 두번째, 그것도 없으면 세번째 이렇게 나아간다.

font-size 속성은 font 크기를 조절한다. px나 상대적 단위인 em을 사용할 수 있다. em을 사용하면 사용자가 정한 default font size에 따라 그 비율로 조절된다.

font-weight은 font 굵기를 조절한다. 일반적으로 굵은 (bold)를 사용할 때 사용한다. 기본값은 당연히 normal이다.

 

집 수리를 위한 할 일 목록 2차 정리의 군 정렬

2차 목록을 기준으로 페인트 칠을 위해 할 일을 군으로 정렬한다.

현관: 벽면 칠하기 전 걸레받이 커버링 테이프

현관: 신발장 커버링 테이프


큰방: 벽면 곰팡이 난 부분 벽지 제거

큰방: 벽면 곰팡이 난 부분 곰팡이 제거

큰방: 벽면 곰팡이 난 부분 곰팡이 방지제 발포

큰방: 벽면 곰팡이 난 부분 퍼티 바르기

큰방: 벽면 곰팡이 난 부분 퍼티 사포질

거실: 큰 방 쪽 벽면 청소

거실: 큰 방 쪽 벽면 옆과 천장 마스킹/커버링 테이프

거실: 바닥면 전체 커버링 테이프

거실: 베란다 창틀 옆 마스킹 테이프

큰방: 벽면 곰팡이 난 부분 퍼티 청소

거실: 에어컨 환기구 커버 청소

거실: 걸레받이 청소

거실: 문틀 청소


큰방: 벽면 곰팡이 난 부분 퍼티 젯소 1회

거실: 에어컨 환기구 젯소 1회

거실: 걸레받이 젯소 1회

거실: 문틀 젯소 1회

거실: 화장실 문 구멍난 부분, 썩은 부분 퍼티질

거실: 화장실 문 구멍난 부분, 썩은 부분 퍼티 사포질

거실: 화장실 문 구멍난 부분, 썩은 부분 퍼티 청소

거실: 에어컨 환기구 하얀색 가구용 페인트칠 1

거실: 에어컨 환기구 하얀색 가구용 페인트칠 2

거실: 베란다 창틀 하얀색 가구용 페인트칠 1

거실: 베란다 창틀 하얀색 가구용 페인트칠 2

작은방: 걸레받이 하얀색 가구용 페인트칠 1

작은방: 걸레받이 하얀색 가구용 페인트칠 2

작은방: 창틀 하얀색 가구용 페인트칠 1

작은방: 창틀 하얀색 가구용 페인트칠 2

거실: 걸레받이 하얀색 가구용 페인트칠 1

거실: 걸레받이 하얀색 가구용 페인트칠 2

현관: 현관 문 벽면과 현관 옆 벽면 하얀색 벽용 페인트칠 1

현관: 현관 문 벽면과 현관 옆 벽면 하얀색 벽용 페인트칠 2

거실: 큰 방 쪽 벽면 하얀색 벽용 페인트칠 1

거실: 큰 방 쪽 벽면 하얀색 벽용 페인트칠 2

화장실: 문틀 옆 썩은 부분 퍼티 사포질

화장실: 문틀 옆 썩은 부분 퍼티 청소

거실: 문틀 옆 마스킹 테이프

거실: 문 4개 젯소 1회


거실: 문틀 남색 가구용 페인트칠 1

거실: 문틀 남색 가구용 페인트칠 2

거실: 문 4개 남색 가구용 페인트칠 1

거실: 문 4개 남색 가구용 페인트칠 2

큰방: 벽면 4 청소

큰방: 벽면 4 옆/천장 커버링/마스킹

큰방: 벽면 4, 걸레받이 회색 벽용 페인트칠 1

큰방: 벽면 4, 걸레받이 회색 벽용 페인트칠 2