Just..Eric

안녕하세요, 여러분! Eric 입니다! 오늘은 JavaScript에서 사용되는 for 문에 대해 알아보고, 이를 활용하기 위해 자주 사용되는 enumerable과 iterable 개념을 함께 알아보겠습니다. 1️⃣ for 문 먼저 가장 기본적인 for 문을 살펴보겠습니다. 이 for 문은 초기식, 조건식, 증감식을 사용하여 주어진 범위의 반복을 처리합니다. 예시: for (let i = 0; i < 5; i++) { console.log(i); } 2️⃣ for...in 문 for...in 문은 객체의 모든 열거 가능한(enumerable) 속성에 대해 반복 작업을 수행합니다. 이 때, 배열이나 다른 반복 가능한(iterable) 객체를 사용할 수 있습니다. 예시: const person = { name..

안녕하세요! 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 요소나 자식 컴포넌트에 대한 참조를..

✅ Sanity Test란? Sanity Test는 소프트웨어 개발 단계에서 빠르게 수행할 수 있는 간단한 테스트로, 주로 소프트웨어의 기본 기능이 정상적으로 작동하는지 확인하는 데 사용됩니다. 이 테스트는 릴리스 전에 품질 보증(QA) 단계에서 진행되며, 여러 테스트 중에 가장 먼저 수행되는 것이 일반적입니다. Sanity Test의 목적 Sanity Test의 주요 목적은 - 기본적인 기능의 작동 여부 확인 - 변경 사항에 따른 큰 문제점 파악 - 기능 추가나 수정이 다른 기능에 미치는 영향 확인 Sanity Test 예시 예를 들어, 온라인 쇼핑몰 시스템을 개발하는 경우, Sanity Test는 다음과 같은 기능을 확인할 수 있습니다. - 로그인 기능: 사용자가 정상적으로 로그인할 수 있는지 확인 ..

문제상황 현재 Vue.js 를 VSCode 로 공부 하고 있는데, $event => volar.inlayHints.eventArgumentInInlineHanders":false to hide Event Argument in Inline Handers 이게 뜨는거임!!! 나도 event 인줄 안다고! 그래서 이걸 끄기위해서 해결방법 Mac 기준으로 Perferences > Settting 들어가고, (Window 도 비슷할겨) 검색창에 inlayHint 검색하고 하단의 노란 박스 부분 off로 바꾸면 끝! 해결

✅ Abstract 요즘 API는 소프트웨어 개발 및 협업에 있어서 매우 중요한 요소 중 하나입니다. 이때 종종 "OpenAPI"와 "Open API"라는 용어를 듣게 되는데, 이 둘은 서로 다른 의미를 가지고 있습니다. 이 글에서는 OpenAPI와 Open API의 차이점을 알아보고, 각각이 어떻게 사용되는지 알아보겠습니다. 1️⃣ OpenAPI OpenAPI는 RESTful API 명세를 기술하고 문서화하는 데 사용되는 표준입니다. OpenAPI Specification(OAS)이라고도 불리며, 처음에는 Swagger Specification으로 알려져 있었습니다. 이 명세는 API의 엔드포인트, 요청/응답 형식, 인증 방식 등 API에 대한 정보를 JSON 또는 YAML 형식으로 기술합니다. Ope..

✅ Abstarct웹훅(Webhook)은 웹 서비스 간의 실시간 상호 작용을 가능하게 하는 자동화된 방법입니다. 이 글에서는 웹훅의 개념과 원리, 그리고 사용 예시를 소개합니다. 🔍 웹훅(Webhook)이란?웹훅(Webhook)은 한 시스템에서 다른 시스템으로 이벤트 정보를 전달하는 자동화된 방법입니다. 웹훅은 주로 웹 서비스 간의 실시간 상호 작용에 사용되며, 특정 이벤트가 발생할 때마다 정보를 전달하는 역할을 합니다. 웹훅의 원리웹훅은 일반적으로 HTTP POST 요청을 사용하여 데이터를 전송하며, 이를 받는 시스템은 웹훅의 요청을 처리하고 적절한 응답을 반환합니다. 이 방식으로 웹 서비스 간의 실시간 상호 작용을 효율적으로 처리할 수 있습니다. 웹훅 사용 예시온라인 쇼핑몰에서 결제가 완료되면 결제 ..

문제 안녕하세요! Eric 입니다 오늘 풀어볼 문제는 백준 2667번 단지번호 붙이기 입니다 이번 문제는 dfs로 풀어보도록 하죠. 풀이 우선 단지가 몇개인지 구해야하고, 각각의 단지당, 몇개의 가구로 구성되어 있는지 구해야합니다. 이번에도 저는 boolean[] graph 값으로 받아서 단지가 있는 1 로 표시되어 있는 부분은 true 값으로 graph를 그립니다. 그리고 graph 에서 true값을 만마면 상하좌우를 dfs를 돌면서 각각의 단지의 개수를 찾음과 동시에, 해당 graph 위치를 false로 변환시켜줍니다. 그리고 각각의 단지 개수를 count 해줄 ArrayList를 이용해서 해당값을 저장하고 이를 오름차순으로 정렬 후 출력해줍니다. 그러면 코드를 보시죠. 코드

문제 안녕하세요! Eric 입니다! 오늘 풀어볼 문제는 백준 1012번 , 유기농 배추 입니다! 그러면 문제를 풀어보도록 하죠! 풀이 우선 유기농배추를 만들기위해서 배추흰지렁이 를 깔아야합니다. 깔기위해서는 배추가 있는 위치에 깔아야며, 그 지렁이가 상하좌우 로 움직이면서 배추를 보호한다 이를 저는 dfs를 통해서 구연해 보았습니다. 우선 주어진 test case를 int로 받고, 그때의 주어진 배추밭의 길이 m과 n을 받아서 이를 통해서 boolean[] graph를 만듭니다. 이는 배추가 있는 위치에 true값을 주며, 배추가 없는 위치에는 false로 만들어줍니다. 그리고 동일한 사이지의 boolean[] visited 배열을 만들고 dfs가 돌면서 해당 지점을 방문하면 true로 값을 변환해줍니다..

문제 풀이 이번문제는 방금전에 풀었던 문제 토마토 7576번 문제에서 dis 부분만 수정을 하면됩니다. 저번에는 class Point 가 int x, int y 로 구성되었다면, 이번문제에서는 한층 더 추가하여 int x, int y, int z 로 구성하면 됩니다. 코드를 보시죠 코드 코드를 보시면 이전문제 와 하나의 차이점은 for문을 돌때 3중 for문을 돌아서 입력을 받고, 모든 경우의 수가 3중 for문을 통해서 해결 된다는 것입니다. 이외에는 기존 문제와 동일하게 문제를 해결하시면 됩니다.