전체 글101 [2024/09/21] 항해 + 시작하는 마음 지금까지의 회고항상 일은 몰입하여 제 능력 닿는데까지 열심히 했던 것 같습니다! 하지만 항상 다른 사람들보다 부족한 것 같다는 생각때문에 불안과 초조에 휩싸이기 일상이었습니다~ 내가 잘하고 있는건가? 이정도면 나 괜찮은건가? 이것도 공부해야 하고, 저것도 공부해야하고, 당장 이 이슈도 해결해야하고, 어떡하지?! 하며 공황아닌 공황에 빠져있었던 지난 3년 좀 넘는 시간들! 나 자신에게 고생했다고도 말해주고 싶고, 앞으로 다양한 도움들과 가이드라인을 통해 더 나아질 수 있다고 토닥이며 응원해주고 싶습니다!항해 플러스 참여 계기막연한 불안감과 뒤쳐지고 있진 않을까 하는 두려움들로부터 벗어나, 보다 넓은 시각에서 커리어를 바라보고 싶다는 생각이 들어 참여하게 되었습니다.향후 5년 뒤 커리어 방향성클라이언트 개발.. 2024. 9. 21. useEffect에 대하여 useEffect(setup, dependencies?) When your component is added to the DOM, React will run your setup function. After every re-render with changed dependencies, React will first run the cleanup function (if you provided it) with the old values, and then run your setup function with the new values. After your component is removed from the DOM, React will run your cleanup function. dependencies: Reac.. 2024. 3. 13. 클로저 (Closures) 자바스크립트에서 클로저(Closure)는 특정 함수가 자신이 선언될 당시의 환경(lexical environment)을 기억하는 현상을 말합니다. 클로저는 내부 함수가 외부 함수의 스코프에 있는 변수에 접근할 수 있게 하며, 외부 함수가 실행을 마친 후에도 그 변수를 기억합니다. 핵심 포인트는 다음과 같습니다: 함수 내의 함수: 클로저는 일반적으로 내부 함수가 외부 함수의 변수에 접근할 때 생성됩니다. 내부 함수는 외부 함수의 지역 변수에 접근할 수 있습니다. 변수의 지속성: 외부 함수가 실행을 마치고 반환되더라도, 내부 함수는 외부 함수의 변수에 대한 참조를 유지합니다. 이는 내부 함수가 호출될 때마다 해당 변수들이 여전히 사용 가능하다는 것을 의미합니다. 데이터 은닉과 캡슐화: 클로저를 사용하면 다른.. 2024. 3. 12. Critical Rendering Path What's Critical Rendering Path? The Critical Rendering Path is the sequence of steps the browser goes through to convert the HTML, CSS, and JavaScript into pixels on the screen. Why is it important? Optimizing the critical rendering path improves the time to first render. The Rendering Proccess A request for a web page or app starts with an HTTP request. The server sends a response containing th.. 2024. 3. 5. [Lexical Scope] Static Scoping vs. Dynamic scoping JavaScript는 정적 스코핑(static scoping), 또는 **렉시컬 스코핑(lexical scoping)**을 사용합니다 이는 변수가 코드를 작성하는 시점에서의 범위에 따라 결정된다는 것을 의미합니다. 즉, 함수나 블록 내에서 변수를 참조할 때, JavaScript는 해당 변수가 코드 내에서 어디에 선언되었는지에 기반하여 변수의 범위를 결정합니다. (In JavaScript, lexical scope is the concept of determining the scope of a variable based on its declaration. This means that the scope of a variable is determined by the block of code in which i.. 2024. 3. 5. 자바스크립트의 객체참조모델과 가비지콜렉션 1. 자바스크립트의 객체 참조 모델 자바스크립트에서 객체는 참조 타입입니다. 이는 변수에 객체를 할당할 때, 실제 객체 자체가 아니라 객체의 메모리 주소(참조)가 저장된다는 것을 의미합니다. (1) 객체 참조 모델의 주요 특징: 참조에 의한 할당과 전달: 자바스크립트에서 객체를 변수에 할당하거나 함수에 인자로 전달할 때, 실제로 전달되는 것은 객체의 참조(메모리 주소)입니다. 이는 두 변수가 동일한 객체에 대한 참조를 공유할 수 있음을 의미합니다. 공유된 참조: 두 변수가 같은 객체를 참조하고 있을 때, 한 변수를 통해 객체의 속성을 변경하면 다른 변수를 통해 객체를 조회했을 때도 이 변경사항이 반영됩니다. 이는 두 변수가 같은 메모리 위치를 가리키고 있기 때문입니다. 변경 불가능성과 참조: 기본 데이터.. 2024. 2. 27. 이전 1 2 3 4 ··· 17 다음
