[macOS] 맥북 한영 전환(Caps Lock) 딜레이 없애고 네이티브로 해결하기 (focd, Karabiner 먹통 해결)
맥북 한영전환이 안될때...focd, 카라비너, 구름 입력기로도 안되는 경우에 이 글을 보도록 하자.
FE가 낋여주는 배포 일지(5)_EC2 + Nginx+ S3+codedeploy로 블루/그린 무중단 배포를 해보자
블루그린 무중단 배포 가이드입니다. EC2 + Nginx + codedeploy +S3를 곁들인...
FE가 낋여주는 배포 일지(3)_빌드 결과물 배포 전략, 램스왑으로 서버의 메모리 부족 문제 해결
자동배포시 Ec2가 계속 꺼지는 문제를 해결해보자
FE가 낋여주는 배포 일지(1)_Ec2의 인스턴스로 HTTPS를 적용한 서비스를 운영해보자
프론트가 낋여주는 배포일대기...넥스트로 만든 웹 서비스를 EC2를 통해 배포해보자... 이때 Certbot이 도와주는 HTTPS를 곁들인...
[Supabase]이메일 인증 회원가입 진행시 인증은 성공했으나, 루트 레이아웃에서 세션을 불러오지 못하는 버그
회원가입이 성공해도 세션의 값이 계속해서 null로 반환되는 버그
React에서의 자식 평탄화 이해하기: Babel, JSX, createElement, Virtual DOM 전환까지 전부 정리
JSX에서 map()으로 만든 배열은 가상돔인가요? Babel은 중첩 구조를 어떻게 처리하나요? 중첩 배열을 그대로 두면 왜 안 되나요? ✅ 핵심 정리 Babel은 JSX를 중첩된 React.createElement 호출로 번역함 (계층 구조 유지) 중첩 배열은 JSX에서 map()을 쓸 때 발생하며, 이 배열은 가상돔이 아님 React는 createE...
DOM 구조는 왜 '평평한 목록'인가? 그리고 React는 왜 이를 '평탄화(flatten)'해야 하는가?
HTML 구조는 계층적인데, DOM은 왜 '평평한 목록'으로 자식들을 저장할까? React는 왜 굳이 자식 노드를 평탄화해야 할까? 1. DOM은 계층적(Tree) 구조인가? -> 맞습니다. HTML 문서를 작성하거나 DOM을 머릿속으로 떠올릴 때 우리는 부모-자식-손자-증손자 식의 트리(Tree) 구조를 상상합니다. ``는 최상위 부모 `는 `의 자...
React Virtual DOM에서 자식 목록을 평탄화(flatten)하는 이유
createElement 함수를 만들기 전 알고있어야 할 개념2
⚛️ 2주 리액트 렌더링 엔진 구현
목표인 **React 렌더링 엔진의 본질을 바닐라 JS로 직접 구현**하기 위한 **최종 확정 커리큘럼**을 아래와 같이 구성함.
📘 React에서 비동기 로직과 useEffect를 사용하는 이유와 원칙
React는 렌더링을 아주 빠르고 예측 가능하게 유지하기 위해, 다음의 원칙을 강하게 지킨다:“컴포넌트 함수는 순수해야 한다.”🔍 순수함이란? • props와 state가 같으면 항상 같은 결과를 반환해야 한다. • 컴포넌트 안에서 API 요청, 타이머 설정, 콘솔
[React]📘 ProgressBar 렌더링 리팩터링
→ 기존에는 width를 직접 조절했으나 현재 코드에서 ProgressBar를 transform: scaleX() 기반으로 조절하게끔 개선한 내용과, 기존 width 방식과의 차이점, 장단점, 최종적으로 왜 이렇게 바꿨는지를 포함한 문서.