본문 바로가기
728x90
반응형

전체 글640

[Postman] - 포스트맨 목 서버(Postman Mock Server) 생성 및 사용 방법 #mock server란? 목 서버(Mock Server)는 개발자가 백엔드 서버와의 통신을 시뮬레이션하기 위해 사용되는 가짜 서버입니다. 실제 백엔드 서버와 통신할 수 없는 경우나 개발 중에 백엔드 서버의 작업이 완료되지 않은 경우에 주로 사용됩니다. 모의 서버는 실제 서버와 유사한 API 엔드포인트 및 응답을 제공합니다. 개발자는 이 모의 서버를 사용하여 프론트엔드 애플리케이션과 상호작용하고, 데이터를 테스트하고, 애플리케이션의 동작을 확인할 수 있습니다. 모의 서버는 일반적으로 개발자가 원하는 방식으로 응답을 설정할 수 있습니다. 예를 들어, 특정 API 엔드포인트에 대해 정해진 JSON 응답을 반환하거나, 오류 응답을 시뮬레이션하거나, 응답 시간을 조정하여 네트워크 지연을 시뮬레이션할 수 있습니다.. 2023. 9. 3.
[Postman] - 포스트맨(Postman) 다운로드 및 설치 방법 #Postman이란? Postman은 API 개발 및 테스트를 위한 협업 도구입니다. Postman을 사용하면 API를 만들고, 테스트하고, 문서화하고, 공유할 수 있습니다. Postman은 사용자가 직접 요청을 생성하고, 응답을 확인하는 기능을 제공하여 API 개발자가 API를 테스트하고 디버깅하는 데 도움을 줍니다. 사용자는 Postman을 통해 다양한 HTTP 요청을 보낼 수 있으며, 요청 헤더, 바디, 파라미터 등을 설정할 수 있습니다. 또한, 사용자가 보낸 요청에 대한 서버의 응답을 확인하고, 데이터를 쉽게 추출하고, 응답을 검증하는 기능도 제공합니다. Postman은 또한 API 문서화를 위한 기능도 제공합니다. 사용자는 Postman에서 작성한 API 요청과 응답을 기반으로 API 문서를 자.. 2023. 9. 3.
[Vue.js] - Vue computed와 watch 사용해서 데이터 변경 감지 하는 방법 #Vue.js 데이터 감지 API Vue.js는 데이터 변화를 감지하고 이에 대한 반응을 정의할 수 있는 computed와 watch API를 제공합니다. computed와 watch API를 사용하면 데이터의 변화를 감지하고, 이에 대한 적절한 처리를 할 수 있습니다. 예를 들어, 특정 데이터가 변경될 때마다 화면을 다시 그리거나, 다른 데이터를 업데이트하는 등의 작업을 할 수 있습니다. #Vue computed란? Vue의 computed는 데이터를 계산하고, 감시하며, 캐싱하는 속성입니다. 즉, computed 속성은 모델의 상태 변화에 따라 동적으로 계산된 값을 제공합니다. Computed 속성은 연산이 필요한 데이터를 정의할 때 사용됩니다. Computed 속성은 일반적으로 템플릿에서 나타내는 .. 2023. 9. 2.
[Vue.js] - Vue v-on 디렉티브를 사용해서 이벤트(@click, @change, @keyup) 처리 하는 방법 #Vue v-on 디렉티브 -`v-on` 디렉티브는 Vue에서 이벤트 처리를 위해 사용되는 디렉티브입니다. 이 디렉티브를 사용하여 HTML 요소에 이벤트 리스너를 추가할 수 있습니다. 예를 들어, 클릭 이벤트를 처리하려면 `v-on:click` 또는 단축 표현인 `@click`을 사용합니다. #vue v-on 디렉티브 종류 `v-on` 디렉티브는 Vue에서 다양한 종류의 이벤트 처리를 위해 사용됩니다. 몇 가지 주요 `v-on` 디렉티브 종류는 다음과 같습니다: 1. `v-on:click`: 클릭 이벤트를 처리합니다. 2. `v-on:mouseover`: 마우스가 요소 위로 올라갈 때의 이벤트를 처리합니다. 3. `v-on:keydown`: 키보드의 키 다운 이벤트를 처리합니다. 4. `v-on:subm.. 2023. 8. 27.
[Vue.js] - Vue 조건문 v-if, v-show 사용법 및 차이점 #vue v-if 디렉티브 `v-if`는 Vue의 조건부 렌더링 디렉티브 중 하나입니다. 이 디렉티브를 사용하면 요소가 DOM에 렌더링 되거나 제거되는지 여부를 조건부로 결정할 수 있습니다. `v-if` 디렉티브는 표현식을 평가하고 해당 결과에 따라 요소를 렌더링하거나 제거합니다. 표현식이 `true`로 평가되면 요소가 렌더링 되고, `false`로 평가되면 요소가 DOM에서 제거됩니다. `v-if`는 요소의 존재 여부를 동적으로 제어할 수 있어 필요에 따라 특정 조건에서만 요소를 렌더링 할 수 있습니다. #vue v-show 디렉티브 `v-show`는 Vue의 조건부 렌더링 디렉티브 중 하나입니다. `v-if`와 달리 `v-show`는 요소를 숨기거나 표시하는 데 사용됩니다. `v-show`는 표현식을.. 2023. 8. 27.
[Vue.js] - Vue 반복문 v-for 사용해서 리스트 랜더링 하는 방법 #Vue v-for문으로 리스트 랜더링 하는 방법 -Vue에서 `v-for` 디렉티브를 사용하여 리스트를 렌더링 할 수 있습니다. `v-for`를 사용하면 Vue 데이터의 배열 또는 객체를 반복하여 요소를 생성할 수 있습니다. #vue v-for 디렉티브 문법 -v-for="(item, index) in items" items: 데이터 배열 item: 배열에 담긴 각각의 데이터 index: 배열 반복 횟수 0부터 시작 #`v-for` 디렉티브에서 `:key` 속성 뜻 `v-for` 디렉티브에서 `:key` 속성은 Vue에서 리스트 항목을 식별하는 데 사용되는 특수한 속성입니다. 각 항목에 고유한 키 값을 제공함으로써 Vue는 리스트의 변경을 효율적으로 감지하고 업데이트할 수 있습니다. `:key` 속성을.. 2023. 8. 27.
728x90
반응형

티스토리툴바