deepdive
1.공통 컴포넌트의 추상화 경계선 정립하기
추상화의 늪
2.유저와 FE 팀원들을 위한 나만의 LCP 최적화
기술적 목표보단, 사용자와 팀원을 위한 최적화를 진행해 보았습니다
3.토큰을 JS 인메모리에 저장하면 도대체 뭐가 좋은걸까?
사이드 프로젝트에서 등한시되는 보안에 대해 생각해 봅시다
4.JS로 우선순위 큐까지 구현하기 귀찮다면? - .sort() 메모리 최적화
딸-각
5.Typescript의 꽃, 구조적 타이핑
Typescript를 다루면서 개인적으로 가장(?) 중요한 개념 중 하나는 바로 구조적 타이핑이라고 생각한다. 어디로 튈지 모르는 Typescript만의 기본적인 동작원리를 이해하는 가장 큰 기반이 되며, 구조적 타이핑을 이해 한다면 (썸네일에 보이듯이) 헷갈릴 수 있는 유니온 타입(|)과 인터섹션 타입(&)도 어느정도 예측 할 수 있기 때문이다. ...
6.TLS/SSL HandShake가 도대체 뭘까
(이 글에서 TLS과 SSL에 대한 정확한 명칭은 별도로 구분짓지 않습니다.) TLS/SSL HandShake란? Handshake는 클라이언트(브라우저)와 웹 서버가 안전한 암호화 통신을 시작하기 위해 서로 신분(서버의 신원 확인) 및 필요한 암호화 정보를 교환하는 과정이다. 클라이언트가 “이 암호화 방식으로 통신하자”라고 제안하면, 웹 서버가 ...
7.[DDD-Presen] 프론트 배포 서버 커스텀 도메인 적용하기 (with route53)
프론트엔드 프로젝트를 Vercel로 배포하게 되면 www가 붙어있지 않고vercel.app 이라는 문구가 뒤에 붙게 된다이 상황에서 내가 원하는 도메인으로 커스텀을 하고자 한다.결론부터 말하자면, 기존 Vercel 도메인을 변경하는게 아니라,www로 시작하고, ver
8.면접관 앞에서 호이스팅과 동작 원리에 대해 말해보자
+TDZ
9.면접관 앞에서 클로저 (closure)의 동작원리를 말해보자
Javascript에서 가장 중요한 개념 중 하나인 클로저(closure) 에 대해 깊게 알아보자.면접관의 꼬리질문에도 당황하지 않을 수 있도록!면접관: 클로저에 대해 설명해 주시겠어요? ???: 내부 함수가 외부 함수의.... 이렇고 저렇고... 입니다면접관: 그러면