분류 전체보기101 56일차 (CS 37, 38) Javascript의 event loop란 이벤트 루프는 자바스크립트가 싱글 스레드(한 번에 하나의 작업만 처리할 수 있는 환경) 언어임에도 불구하고 비동기 작업을 처리할 수 있게 해주는 핵심 메커니즘이다. 이벤트 루프의 주요 구성 요소는 다음과 같다. 첫 번째는 Call Stack(호출 스택)이다. 이는 현재 실행 중인 함수의 목록을 추적하는 스택으로, 함수가 호출되면 스택의 맨 위에 추가되고, 완료되면 스택에서 제거된다. 두 번째는 Callback Queue이다. 비동기 작업이 완료되면 해당 콜백 함수가 이큐에 추가된다. 이후 호출 스택이 비어있을 때, 이벤트 루프는 콜백 큐에서 함수를 가져와 호출 스택에 넣는다. 마지막은 Web APIs이다. 이는 브라우저에서 제공하는 API들로, setTimeou.. 2023. 10. 31. 55일차 (CS 35, 36) 프론트엔드 개발 시 개발자 도구를 활용한 경험 기본적으로 콘솔을 찍어서 오류를 확인하고, 데이터가 잘 들어오는지 확인을 하기 위해 개발자 도구를 주로 사용한다. 또한 디자이너와의 협업 과정에서 와이어프레임의 디자인과 실제로 내가 만든 웹 페이지를 비교하면서 CSS를 수정할 때 사용한다. 그리고 서버에 요청이 잘 전달되지 않을 때 네트워크 탭을 통해 어떤 부분이 문제인지 확인하고자 할 때 사용한다. 프론트엔드 성능최적화를 위한 방법과 프로젝트 경험 프론트엔드 성능최적화를 위한 방법 첫 번째는 이미지 최적화이다. 웹 페이지의 의도와는 다르게 이미지 용량이 큰 경우 사용할 수 있다. 두 번째 방법은 코드를 컴포넌트 기반으로 번들을 분할하여 필요한 시점에만 로드하는 방법이 있다. 세 번째는 브라우저 캐싱을 활용.. 2023. 10. 28. 54일차 (CS 33, 34) SEO란 무엇이고 SEO를 진행하는 방법 SEO(Search Engine Optimization)는 웹 페이지가 검색 엔진에서 더 높은 순위를 얻도록 최적화하는 과정이다. 이는 웹사이트의 가시성을 높여 더 많은 방문자와 트래픽을 유도하는 데 목적이 있다. 웹 페이지가 검색 엔진에서 높은 순위를 차지하면 더 많은 사용자가 사이트를 방문할 가능성이 높아지고, 지속적인 트래픽 증가를 가져올 수 있기 때문에 SEO는 중요한 요소라고 볼 수 있다. 이러한 SEO는 다양한 방법으로 진행될 수 있다. 첫 번째는 사용자들이 검색할 가능성이 높은 키워드들을 조사하고 키워드를 기반으로 유용하고 관련성이 높은 콘텐츠를 제작하는 방법이다. 두 번째는 웹사이트의 로딩 속도, 모바일 최적화 등 기술적 요소를 최적화하는 방법이 있.. 2023. 10. 28. 53일차 (CS 31, 32) 쓰로틀링과 디바운싱의 개념과 사용하는 이유 두 가지 모두 고성능 웹 애플리케이션을 구축할 때 중요한 기술이다. 이들은 이벤트 핸들링을 최적화하여 불필요한 리소스 소모를 줄이고 성능을 향상하는 데 사용된다. 쓰로틀링은 이벤트 핸들러가 일정 시간 간격으로만 호출되도록 제한하는 기술이다. 예를 들어, 스크롤 이벤트나 윈도우 리사이징 이벤트와 같이 빈번하게 발생하는 이벤트에 쓰로틀링을 적용하면, 이벤트 핸들러가 지정된 시간 간격마다 실행되는 것이다. 쓰로틀링은 주로 빈번한 이벤트 처리로 인한 성능 저하를 방지하고, 불필요한 계산과 네트워크 요청을 줄여 리소스를 절약하고자 할 때 사용된다. 디바운싱은 연속적인 이벤트 호출 중 마지막 이벤트 또는 첫 이벤트만을 처리하는 기술이다. 예를 들어, 사용자가 입력 필드에 .. 2023. 10. 27. 이전 1 ··· 5 6 7 8 9 10 11 ··· 26 다음 728x90