Just..Eric

API를 통해서 Jira Webhook 등록하기. ( OAuth2.0 Token얻기 포함) 안녕하세요. Eric입니다. 오늘 제가 준비한 내용은 Jira API를 통한 Jira Webhook 등록하기 입니다. 웹훅(Webhook)이란? 웹훅(Webhook)은 한 시스템에서 다른 시스템으로 이벤트 정보를 전달하는 자동화된 방법입니다. 웹훅은 주로 웹 서비스 간의 실시간 상호 작용에 사용되며, 특정 이벤트가 발생할 때마다 정보를 전달하는 역할을 합니다. 웹훅 개념은 하단의 저의 게시글 참조해주세요. https://just09.tistory.com/363 [Eric's CS] 웹훅(WebHook) ? 🎣 ✅ Abstarct 웹훅(Webhook)은 웹 서비스 간의 실시간 상호 작용을 가능하게 하는 자동화된 방법..

얼마전의 나는 Github 의 API를 통해서 해당하는 Github User의 Organizations 를 가져오려하였다. 이때 여러가지 방법중 나는 2가지 API를 통해서 User의 List organizations 를 하였다. 첫번째는 GET /user/orgs 를 통해서 가져오려 하였다. 문제점😡 하지만, 분명히 나는 하단의 사진처럼 2개의 조직을 가지고있음에도 불구하고, 하단의 사진처럼 Postman으로 header에 알맞은 token과 X-Github-Api-Version을 입력했음에도 불구하고 response로 empty array가 나왔다. 웃긴건 status code가 200 번으로 정상이라는 거다. 해결책 그래서 나는 이번에는 다른 API를 통해서 User의 List organizatio..

안녕하세요, 여러분! 오늘은 JavaScript를 이용해 나이와 띠를 계산하는 간단한 함수를 만들어 보겠습니다. 이 함수는 사용자의 생년월일을 입력받아 그에 해당하는 나이와 띠를 계산하고, 이를 웹 페이지에 표시합니다. 먼저, HTML 구조를 살펴보겠습니다. 'age'와 'zodiac'라는 id를 가진 두 개의 div 요소가 있습니다. 이곳에 JavaScript를 통해 계산된 나이와 띠 정보가 표시됩니다. ... 다음으로, JavaScript 코드를 살펴보겠습니다. 먼저, 사용자의 생년월일을 'birthDay' 변수에 저장합니다. let birthDay = "2001-02-21"; 만나이 계산하기 그리고 'calculateAge'라는 함수를 만듭니다. 이 함수는 생년월일을 입력받아 오늘 날짜와 비교하여 ..

1. 소개 Visual Studio Code(VSCode)는 프로그래머들에게 인기 있는 텍스트 에디터 중 하나입니다. 그 이유 중 하나는 강력한 검색 및 치환 기능을 제공하기 때문인데요, 특히 정규 표현식(Regex)을 활용하면 코드에서 복잡한 패턴의 문자열을 쉽게 찾아낼 수 있습니다. 이 포스트에서는 VSCode에서 정규 표현식을 어떻게 사용하는지, 그리고 다양한 예제를 통해 실제로 어떻게 적용할 수 있는지 알아보도록 하겠습니다. 2. 정규 표현식(Regex)이란? 정규 표현식(Regex)는 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어입니다. 이를 이용하면 문자열에서 특정 패턴을 찾거나 치환하는 등의 작업을 효율적으로 수행할 수 있습니다. 3. VSCode에서 정규 표현식 사용하..

안녕하세요, 여러분! 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..