8월 3주차 기록

5일 연휴의 끝 🌻

---

배워가기

폰트 이모저모

• 폰트(font)와 글꼴(서체; typeface)는 다르다
  • 글꼴(typeface): 디자인적 특성이 부여된 독립적인 활자체.
    • ex. 맑은고딕 / 한나체 / 나눔고딕 serif 등은 typeface
  • 폰트 (font): typeface에 대한 크기 / 굵기의 변화
    • ex. 맑은고딕 Bold 14px 등은 font
  • font-family는 관련된 font들의 집합체
    • ex. 맑은고딕 Bold 14px, 맑은고딕 Light 14px, 맑은고딕 Regular 14px
• em의 어원은 em quadrat
  • 카탈로니아 뜻으로는 “정사각형”
  • 영어 뜻으로는 “전각” (전각 = 정사각형에 가득 찬 활자)
  • “대문자 M”의 높이를 기준으로 결정된다.
    • 브라우저에서는 표준으로 정해진 바는 없다. 텍스트 렌더는 구현체 맘대론데, 대부분 활자표준을 따른다.

Ref https://readings.design/PDF/the_elements_of_typographic_style.pdf

CLI에서 ; / & / && 의 차이

• a ; b: a의 성공여부와 관계없이 b를 실행시킨다.
  • mkdir test ; cd test: test 디렉토리를 생성하고 (성공 실패와 상관없이) test 디렉토리로 이동하는 명령어를 실행한다
• a & b: a와 b를 백그라운드에서 동시에 실행시킨다.
  • mkdir test & cd test: test 디렉토리 생성, test 디렉토리로 이동을 동시에 실행한다 => 오류
• a && b: a가 성공하면 b를 실행시킨다
  • mkdir test && cd test: test 디렉토리를 생성하고, 성공하면 test 디렉토리로 이동한다.
  • 서버 실행 후 실행해야할 명령어가 있을 때 유용하다.

CSS fit-content

CSS에서 fit-content는 max-content + auto의 하이브리드로 동작한다.

• 너비가 충분하면 > max-content로 동작

• 너비가 부족하다면 > auto로 동작

• Manual pages를 줄여서 man page이라고 부른다. (ex. curl man page)

  • 유닉스 / 유닉스 계열 운영체제의 각종 요소들 (라이브러리, 시스템콜 등..)에 대한 정보를 볼 수 있다
  • 터미널에서 man ssh 와 같은 형태로 입력하면 메뉴얼이 주르륵 나온다
  • 9045개나 있나보다 ㄷㄷ

passport 모듈

• node.js 인증용 미들웨어
• 클라이언트가 서버에 요청할 자격이 있는지 인증할 때에 사용한다
• 상용 서비스 로그인 시 구글, 카카오 등 기존의 SNS 서비스 계정을 이용하여 로그인할 때도 passport 모듈을 사용한다

Ref

• https://www.npmjs.com/package/passport
• https://inpa.tistory.com/entry/NODE-📚-Passport-모듈-그림으로-처리과정-💯-이해하자

---

이것저것

• Manual pages를 줄여서 man page이라고 부른다. (ex. `curl man page“) 유닉스 / 유닉스 계열 운영체제의 각종 요소들 (라이브러리, 시스템콜 등..)에 대한 정보를 볼 수 있다.

---

기타공유

13kb로 게임 만들기

정말 개발자들의 머릿속은 나도 알 수가 없다.

Ref https://js13kgames.com/

fffuel - CSS 시각화

CSS 셀렉터를 예쁘게 시각화한 페이지.

fist-letter, first-line은 처음 알았다. 책 출판할 때 쓰면 이쁠듯 (그럴 일이 없겠지만…)

Ref https://fffuel.co/css-selectors/

Pake - 모든 웹페이지를 러스트 기반의 데스크톱 앱으로 전환해주는 툴

러스트로 뭔가 많이 탄생하고 있다!

Ref https://github.com/tw93/Pake

Waterfox 브라우저

왠지 자주 보이는 로고라 했더니, 새로운 오픈소스 브라우저였다!

firefox를 따라한 걸까?

Ref https://www.waterfox.net/en-US/

개발자를 성장시키는 리더의 7가지 특징

1. 감정을 쉽게 드러내지 않는다.
2. 질문을 귀찮아하지 않고 오히려 좋아한다.
3. 새로운 화두나 생각할 거리를 준다.
4. 명확한 가이드라인을 제시한다.
5. 꼭 필요한 말만 한다.
6. 팀원의 성과를 공개적으로 말한다.
7. 일과 휴식을 명확히 구분한다. 😎

Ref https://yozm.wishket.com/magazine/detail/2178/

---

마무리

주말 + 월,화,수 3일이나 더 쉬고 오니 일이 아주 쌓여있구만!! 😖

내가 벌인 일들 열심히 수습중…

Relative Posts: