# mock data
[React] Data 활용
상수 데이터 : 변하지 않는 정적인 데이터예 ) 페이지를 구성할 때 UI 구성에 필요하지만 동적으로 변하지 않아 백엔드 API를 통해 가져올 필요가 없는 데이터.Github 페이지 상단의 메뉴와 드랍다운깃헙 footer반복되는 UI를 하드코딩으로 일일이 만들면 가독성이
Westagram Mock Data 처리
프론트엔드 개발을 하다보면 백엔드 API가 완성되지 않은 상황에서 개발을 진행해야 할 수도 있다. 이런 경우 데이터가 원활히 들어와 의도한 UI를 만들어 내는지 확인해보기 위해 Mock(모조, 거짓) Data를 활용하여 개발을 진행한다.모조 데이터는 실제 서버에서 보내
TIL:17 [React] Mock Data 활용법
사이트의 footer 회사의 정보등 오랜 시간이 지나도 잘 안바뀌는 부분 판매되는 제품이나 이벤트 페이지, 슬라이드 혹은 시즌 이벤트 메뉴가 있을 수 있기 때문에 메뉴 부분도 동적인 데이터에 포함될 수 있다. —> 각 회사의 기획에 따라 달라질 수 있음 —> 백엔드에서
Mock Data, Login & Signup
실제 API 에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터mock data 를 만들어 데이터가 들어오는 상황을 미리 대비하고 UI 가 기획에 맞게 구현 되는지 확인Backend 와의 소통 - 주고 받는 데이터가 어떤 형태인지, key
Mock Data 활용법
Mock Data mock data란? mock: 거짓된, 가짜의 이름에서 알 수 있듯이 mock data 는 가짜 데이터, 샘플 데이터 정도로 해석할 수 있습니다. 즉, 실제 API 에서 받아온 데이터가 아닌 프론트엔드 개발자가 필요에 의해 샘플로 만들어 본 데이터를
React04. MOCK DATA (feat.프로젝트에서 활용갑)
상수 데이터란? 변하지 않는 데이터. 사용하는 이유? 추후 유지보수를 위해서 사용. 반복 되는 UI를 상수 데이터+Array+map() 함수의 조합으로 표현 가능. 즉,상수 데이터에 해당 되는 부분만 변경 하면 되니 유지보수가 보다 편리해짐. 상수 데이터의 특징?
TIL | React (Mock Data 활용법 - 상수 데이터)
이름 그대로 변하지 않는 데이터 => 정적인 데이터UI 구성에 필요하지만 동적으로 변하지 않아서 백엔드 API등을 통해서 가져올 필요가 없는 정적인 데이터들을 상수 데이터로 만들어 UI를 효율적으로 구성할 수 있다.반복되는 UI를 하드코딩으로 작성하면, 코드가 길어져서
TIL#31 React ) Mock Data
mock: 거짓된, 가짜의이름에서 알 수 있듯이 mock data 는 가짜 데이터, 샘플 데이터 정도로 해석할 수 있다.즉, 실제 API 에서 받아온 데이터가 아닌 프론트엔드 개발자가 필요에 의해 샘플로 만들어 본 데이터를 말한다.프론트엔드 개발을 진행하려하는데 필요한
React - 상수데이터, Mock Data
상수데이터 👨💻 상수데이터란 변하지 않는 데이터, UI 구성에 필요하지만 동적으로 변하지 않아서 백엔드 API등을 통해서 가져올 필요가 없는 정적인 데이터 1️⃣ 상수데이터를 사용하는 이유 반복적인 구조가 보일 때 달라지는 부분들의 데이터를 배열형태로 분리시켜
mock data
Array.map() 함수를 통해 컴포넌트를 재사용 할 수있다.목데이터를 만들어 백엔드 api미완성상태에서도 차질없이 개발할수있따.컴디마 멯소드에서 fetch함수로 목데이터를 가져올수있다.상수 데이터를 js로 만드는 경우와 목데이터를 json으로 만드는 경우를 구분하여
[POB#05] Assignment 2 : 미스터카멜 기업 과제 기술 정리. mock data와 메서드
Assignment 2 : 미스터카멜 기업 과제 입니다.
TIL DAY 28 || POST method with requests module
How to push data to db server in a decent manner?
[TIL] #36 React | Mock Data & 검색기능
반복되는 컴포넌트를 목데이터(가짜데이터)로 이용해서 재사용이 가능하고,백엔드 API를 기다리는게 아닌 먼저 기획에 맞게 구현되는지 확인이 가능하다그러고 나면 백엔드랑 소통도 더 잘 될 것이다.js방식으로 배열 데이터를 변수에 담고, import해서 접근이 가능하다실제
TIL #28 - React mock data
Mock data란? / Mock data가 필요한 이유 / fetch 함수를 이용한 mockData.json 적용법
# TIL 프로젝트를 위한 Mock DATA 만들기 part-2
Django-admin commands를 직접 작성하여 manage.py에 명령어를 추가해주고 django-seed를 통해 가짜 데이터를 생성해보자.Django-seed는 지난 가짜데이터 생성방법(Faker 활용)의 패키지가 자동 내장되어 있다. Faker의 경우에는
# #TIL 프로젝트를 위한 Mock DATA 만들기 part-1
프로젝트를 하면서 초기 설정에 대해 우리는 알아보았고, 백엔드 개발자로서 API를 만들고 DB에서 데이터를 꺼내고 통신이 잘 되는지 확인을 하고 로직을 점검하기 위해서는 일단 DB에 데이터가 있어야한다. 특히, 많은 데이터를 필터링해서 걸러주는 로직일 경우는 데이터가
[TIL] Mock Data 사용하기
1. mock data > mock data란 실제 API에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만든 데이터를 말한다. mock data가 필요한 이유 페이지 레이아웃은 나왔지만 API는 아직 준비중인 경우, API가 나올때까지 기다리는
TIL 66 | 확장성 있는 코드 만들기 (faker.js)
프라이탁 스토어 안내 페이지를 만들고 있다. 백엔드에서 스토어 관련 데이터를 크롤링하는데 문제가 있다고 해서 직접 데이터를 만들어야 하는 상황이다! 300개가 넘는 데이터를 직접 목데이터로 만들기에는 무리가 있지 않을까 싶었는데, faker.js, randomLocat