[TIL] 2021 02 19 Fri

1. 불금! 입사 후 첫 불금! 그동안 많은 일들이 있었는데, 요약해서 말하자면 이렇다. "앞으로 어떻게 될 지 솔직히 상상은 안 가는데, 충분히 최선을 다할 수 있는 환경인 것 같다."

2. 오늘은 소듕한 코드스테이츠 팀원이자 입사동기ㅋㅋㅋ 폴님의 코드스테이츠 토크 세션이 있었다. 원래는 사무실 근처에서 저녁 먹고 발표를 무사히 마친 후 맥주를 마시기로 했었는데, 순간의 충동으로 둘이서 강남의 코드스테이츠 사무실로 무작정 찾아갔다!ㅋㅋㅋㅋ 근데 진짜 지금 생각해도 정말 충동적이얔ㅋㅋㅋ
   암튼 항상 줌 화면에서 보던 CSE, COE분들의 실물을 영접하고(연예인 보는 기분ㅋㅋㅋㅋ), 또 마찬가지로 엄청 친했지만 실제로는 뵌 적이 없었던 다른 팀원분도 만나뵙게 되었다. 다들 실제로 존재했다니ㅋㅋㅋㅋ 암튼 폴님은 코드스테이츠 부스에서 열심히 토크세션을 찢어놓으셨고, 무사히 마친 후엔 스승님들께서 베트남 음식과 맥주를 사주셨다. 감격...

3. 주말엔 모각코를 하면서 회사의 소스코드를 분석할 예정. 아울러 디자인 패턴이나 리덕스, 제스트, 웹팩 등을 더 공부해야겠다.

4. 아래는 회사에서 코드분석하다가 모르는 것들이 있어 임시저장해놓은 것들. 시간이 되면 좀 더 찾아보기!

1. dangerouslySetInnerHTML

dangerouslySetInnerHTML은 브라우저 DOM에서 innerHTML을 사용하기 위한 React의 대체 방법입니다. 일반적으로 코드에서 HTML을 설정하는 것은 사이트 간 스크립팅 공격에 쉽게 노출될 수 있기 때문에 위험합니다. 따라서 React에서 직접 HTML을 설정할 수는 있지만, 위험하다는 것을 상기시키기 위해 dangerouslySetInnerHTML을 작성하고 __html 키로 객체를 전달해야 합니다.

참고문서 : React의 DOM Element

2. window.dataLayer?

구글 태그 관리자 데이터 레이어 (dataLayer)
데이터 레이어 = 태그 관리자로 정보를 전달하기 위한 자바스크립트 개체
페이지 정보나(페이지 제목, URL) 회원의 구매 정보(결제수단, 상품카테고리) 등을 넣을 수 있습니다.

그리고 그 값을 GTM으로 수집해서 GA에서 분석 용도로 활용할 수 있습니다.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'userId' : '123',
  'status' : 'happy'
})

참고문서 : 데이터레이어(dataLayer)란 무엇일까? (1화)

3. i18next

언어 지원

4. clientWidth?

브라우저 윈도우 너비 : document.body.clientWidth
파이어폭스 윈도우의 너비 : document.documentElement.clientWidth || window.innerWidth

-> 이거 아닌 거 같음...... 다시 찾아보세여

참고문서 : 브라우저의 크기에 맞춰서 그림을 조절해보자.(파이어폭스는 다른 것 사용)