# 마지막 커밋 해시
git log --pretty=format:'%h' -n 1

# 유저정보
git config user.name
git config user.email

Using Slack Slash Commands to Send Data from Slack into Google Sheets

순서를 기억하려고 적어둔 것이다. 방법은 위 링크에 있다.

1. 사람들이 추천한 책을 기록한다
2. 슬랙 -> 구글시트
3. 슬랙 커맨드 설정 /book + 구글앱스 스크립트 url 연결¹
4. POST로 전송 받은 데이터값을 기반으로 데이터 처리 완료

---

Footnotes

1. 꿀벌개발일지 :: 구글 앱스 스크립트에서 비동기 작업 추가하기 doPost에서 비동기 처리 ↩

homebrew, brew¹

brew bundle dump
brew bundle

• My 2021 New Mac Setup - DEV Community
• Homebrew 로 Mac 한 방에 셋업하기

---

Footnotes

1. https://gist.github.com/cbcruk/b417d085163bb7d7244dd1815885b8cb ↩

1. 파일질라 서버를 설치
2. Edit->Users->Add / 사용자 추가
3. 제어판->시스템 및 보안->Windows Defender 방화벽->허용되는 앱 / (설정변경|다른 앱 허용) 파일질라 서버 추가

이미지 저장¹

• 페이지에서 JavaScript를 통해 이미지 추출
  • 캔버스에서 이미지 추출
  • 서버에서 이미지 가져오기
• DevTools 프로토콜을 사용하여 이미지 추출

const tree = await page._client.send('Page.getResourceTree')

for (const resource of tree.frameTree.resources) {
  const { content } = await page._client.send(
    'Page.getResourceContent',
    { frameId: String(page.mainFrame()._id), url: resource.url },
  )
  const contentBuffer = Buffer.from(content, 'base64')
}

page.on('response', async (response) => {
  const url = response.url()
  const buffer = await response.buffer()
})

Footnotes

1. Saving Images from a Headless Browser ↩

setExtraHTTPHeaders 호출하기

await page.setExtraHTTPHeaders(headers)

인터셉트로 가로채기

await page.setRequestInterception(true)

page.on('request', (request) => {
  const headers = {
    ...request.headers()
  }

  interceptedRequest({ headers })
})

httpOnly, secure 플래그 쿠키값이 필요한 경우 CDPSession 실행 후 클라이언트와 통신한다.

const client = await page.target().createCDPSession()
const data = await client.send('Network.getAllCookies')

로컬에 해당 쿠키정보를 임시로 저장해서 재활용하고 만료 시 갱신하는 방법을 사용.

fs.writeFileSync('cookies.json', JSON.stringify(data))

const { cookies } = JSON.parse(fs.readFileSync('cookies.json', 'utf8'))
await page.setCookie(...cookies)

hash 링크로 연결될 경우 스크롤위치가 최상단으로 위치하기 때문에 문제(헤더가 고정일 경우)가 있을수도 있어서 scroll-margin-top으로 제어가 가능한 부분을 설명하고 있다.

• Add scroll margin to all elements which can be targeted - Piccalilli¹
• Fixed Headers and Jump Links? The Solution is scroll-margin-top | CSS-Tricks
• Prevent content from being hidden underneath a fixed header by using scroll-margin-top – Bram.us

---

Footnotes

1. 2ex 유닛을 사용하여 선택한 글꼴의 x 높이의 상대적인 크기로 설정. ↩

function getReverseGeocodeData() {
  const response = Maps.newGeocoder()
    .setLanguage('ko')
    .reverseGeocode(40.758577, -73.984464)

  return response.results.map((result) => {
    return {
      formatted_address: result.formatted_address,
      lat: result.geometry.location.lat,
      lng: result.geometry.location.lng,
    }
  })
}

• reverseGeocode(latitude, longitude)
• setLanguage(language)