ChatGPT 선생님과 성장하는 독학 개발자의 기록

클린 코드란 '명확한 이름', '중복 줄이기'를 먼저 말한다. 실무에서 클린 코드의 의의 그 코드는 건드리지 않는 게 좋겠어요. 제가 할게요. 이 말의 의미를 다시 한 번 해석해보면 1. 흐름 파악이 어렵고 2. 도메인 맥략 표현이 안되어 3. 동료에게 물어봐야 알 수 있는 코드 이러한 코드는 유지 보수도 힘들고, 최악의 경우에는 추가 기능을 추가하지 못할 수도 있다. 그리고 윶어 입장에서도 쾌적하지 못할 수 있다. 여기서 클린 코드란, 유지 보수 시간의 단축이라고 생각하면 된다. 클린 코드로 작성을 하면 코드를 파악하기 쉽고, 디버깅 시간도 단축되며 낭비하는 시간을 줄일 수 있다. 안일한 코드 추가의 함정 만약에 기능을 추가해야 할 일이 생기면 어떻게 될까? 다른 사람이 작성한 코드에서 내가 새로운 기..

FrontEnd 브라우저의 동작 원리 HTML 마크업을 처리하고 DOM 트리를 빌드 ("무엇을" 그릴지 결정) CSS 마크업을 처리하고 CSSOM 트리를 빌드 ("어떻게" 그릴지 결정) DOM 및 CSSOM을 결합하여 렌더링 트리를 형성 ("화면에 그려질 것만" 결정) 렌더링 트리에서 레이 아웃을 실행하여 각 노드의 기하학적 형태를 계산 ("Box-Model"을 생성) 개별 노드를 화면에 페인트 혹은 래스터화 Document Object Model (DOM) 웹에서 수많은 이벤트(Event)가 발생하고 흐른다. 브라우저(User Agent)로부터 발생하는 이벤트 사용자의 행동(Interaction)에 의해 발생하는 이벤트 DOM의 '변화'로 인해 발생하는 이벤트 발생하는 이벤트는 단지 자바스크립트 객체일..