10월 2주차 기록

매일매일 회사를 출근한다면?

배워가기

input type=”search”

• 검색어를 입력할 수 있는 텍스트 필드를 정의한다
• 검색 필드는 텍스트 필드와 기능적으로는 완전히 똑같지만, 브라우저에 의해 다르게 표현될 수 있다.
• 검색 필드에는 반드시 name 속성을 설정해야 하며, name 속성이 설정되어 있지 않으면 서버로 제출되지 않는다.

<form action="/examples/media/action_target.php" method="get">
  검색 <input type="search" name="q" />
  <input type="submit" />
</form>

<figcaption>

<figure>로 마크업한 이미지에 대한 설명을 추가할 수 있다.

<figure>
  <img src="pic_trulli.jpg" alt="Trulli" style="width:100%" />
  <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>

lodash-es가 jest에서 안 돌 때

lodash-es는 lodash를 esmodule로 export한 것으로, jest에서 이해할 수 있게 다시 commonjs 버전으로 돌려주기 위해서 설정이 필요하다

"moduleNameMapper": {
  "^lodash-es$": "lodash"
}

Ref https://stackoverflow.com/questions/42260218/jest-setup-syntaxerror-unexpected-token-export

이것저것

• Find unused exports 익스텐션을 사용하여 .ts, .tsx, .js, .jsx 파일 중에서 실제로 사용되지 않는 파일을 찾을 수 있다. tsconfig.json의 설정을 통해 검출에서 예외시킬 파일 지정도 가능하다.
• Microsoft Edge와 IE - Microsoft Edge는 IE와 같은 렌더링 엔진을 기반으로 하지 않는다. Edge는 EdgeHTML 렌더링 엔진에서 Blink 렌더링 엔진으로 전환되었다.

기타공유

Rspress

Static Site Generator로, Rust로 작성된 Rspack 기반의 프레임워크이고 React로 render한다.

Nextra, Docusaurus와 비교 시 퍼포먼스가 압도적으로 좋다고 한다!

Ref https://rspress.dev/guide/start/introduction.html

마무리

이번주는 신규입사자 돌보미를 맡게 되어 매일 출근했다.

날씨가 좋아서 할만 했는데, 2주 이상은 못할 것 같다. 😇

옛날엔 우째 출근한겨.