Just..Eric

안녕하세요! Eric입니다 웹 브라우저의 핵심 기능 중 하나인 이벤트 루프(Event Loop)에 대해 알아보도록 하겠습니다. 이벤트 루프는 웹 브라우저에서 동시성을 유지하고, 다양한 비동기 작업을 처리하는 역할을 담당합니다. 그러면 웹 브라우저의 이벤트 루프가 어떻게 작동하는지 알아보시죠! ✅ 이벤트 루프(Event Loop)란? 이벤트 루프는 웹 브라우저에서 발생하는 비동기 이벤트를 처리하기 위해 사용되는 역할을 하는 무한 루프이다. JavaScript는 싱글 스레드 언어이므로, 이벤트 루프를 사용하여 동시성을 유지하며, 다양한 작업을 동시에 처리할 수 있다. 🔄 이벤트 루프의 작동 원리 예시) 하단처럼 JavaScript 코드가 작성되어있으면, 어떠한 순서대로 결과가 나올까? console.log(..

Vue.js에서는 일반적으로 데이터를 바인딩하여 DOM 요소를 제어합니다. 하지만 경우에 따라서, DOM 요소나 자식 컴포넌트에 직접 접근해야 하는 상황이 발생할 수 있습니다. 이때 Vue.js에서 제공하는 ref $refs를 사용하면 원하는 요소에 쉽게 접근할 수 있습니다. ✅ ref ?ref는 Vue 템플릿 안에서 특정 DOM 요소나 자식 컴포넌트에 대한 참조를 생성하기 위한 속성입니다. ref 속성을 사용하려면 템플릿의 해당 요소나 컴포넌트에 ref를 추가하고, 고유한 이름을 할당합니다. 이렇게 하면 해당 요소나 컴포넌트에 대한 참조가 생성되며, Vue 인스턴스 내에서 해당 참조를 사용할 수 있게 됩니다.✅ $refs ?$refs는 Vue 컴포넌트에서 특정 DOM 요소나 자식 컴포넌트에 대한 참조를..

✅ 한줄 요약 IT개발 스터디 모집 및 개발자 커뮤니티 🎬 시연영상 https://www.youtube.com/watch?v=zw9jMcjHMfQ 🔗 GitHub Link https://github.com/nonoro/Jambo GitHub - nonoro/Jambo Contribute to nonoro/Jambo development by creating an account on GitHub. github.com ✅ 상세내용 저의 3번째 IT 프로젝트 이며, Spring Boot 기반으로 제작한 프로젝트 입니다. 교육때 배운 Jsp&Servelt 기반이 아닌, Thymeleaf 를 front로 사용하였으며, AWS를 이용하여 배포까지 완료한 프로젝트 입니다. IT 업계의 화두 중 하나는 소위 ‘개발자 ..

✅ 한줄 요약 애플 제품 쇼핑몰 🎬 시연영상 https://www.youtube.com/watch?v=Pd5Y6WWFic8 🔗 GitHub Link https://github.com/MunSamJin/aplusStore_webminiproject GitHub - MunSamJin/aplusStore_webminiproject Contribute to MunSamJin/aplusStore_webminiproject development by creating an account on GitHub. github.com ✅ 상세내용 저의 처음으로 진행하였던 web 프로젝트 이며, Jsp & Servlet 기반으로 제작한 프로젝트 입니다. 현대인들은 PC보다 스마트폰을 더 자주 구매하고 사용한다. 이러한 니즈를 ..