[Mock Data] mock: 거짓된, 가짜의 - 가짜 데이터, 샘플 데이터 - 실제 API에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터 mock data가 필요한 이유 - API가 아직 준비중인 경우 : 프로젝트 진행 시, API가 나오기 이전에 레이아웃이 먼저 나오는 경우도 많음-> 백엔드에서 API가 나올 때까지 계속 기다리는 게 아니라, moca data를 만들어 데이터가 들어오는 상황을 미리 대비하고 UI가 기획에 맞게 구현되는지 먼저 확인할 수 있음 - Backend와의 소통이 효율적으로 이루어질 수 있음 : 주고 받는 데이터가 어떤 형태인지, key-value 값을 미리 맞춰볼 수 있음
[TIL] 프로젝트 Git 정리
※Commit도 기능 단위로 하기! Git 초기 세팅 및 진행 git init -> git 시작(초기화) mkdir [폴더 이름] -> 폴더 만들기 cd [폴더 이름] -> 해당 폴더로 이동 (change directory) git clone [깃헙 레포지토리 주소] -> 복제 --- master기준 branch 생성됨 --- git branch -> 현재 branch 위치 확인 git branch feature/브랜치 이름 -> branch 생성 git checkout feature/브랜치 이름 -> 해당 branch로 이동 Git commit 하기 git add . -> 파일 수정 이력 기록 준비 (branch에서 작업한 내용 모두 추가) git status -> git 상태 확인 (add한 작업 확..
조건문 ? 선택문1 : 선택문2 : 세개 항으로 연산을 처리하며, 세 개의 항 중 하나에 조건문이 들어가므로 조건부 삼항 연산자라고 함 사용 - 조건문 하나와 선택문 두 개로 구성 - 조건문과 선택문을 구분하는 기호 ? 사용, 선택문1과 선택문2를 구분하는 기호는 : 을 사용 - 조건문이 True일 때 선택문 1 실행, 조건문이 False일 때 선택문 2 실행 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator 삼항 조건 연산자 - JavaScript | MDN 조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 보통 if 명령문의 단축 형태..
리액트 등장 배경 웹 애플리케이션이 발전하면서, 규모가 커지고 복잡한 애플리케이션을 개발하며 많은 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 프론트앤드 프레임워크가 등장 (그 이전의 것으로는 어려움..?) - JavaScript로 규모가 크고 빠른 웹 애플리케이션을 만드는 가장 좋은 방법 - React의 가장 멋진 점 중 하나는 앱을 설계하는 방식 *Frontend Framework(Library) 1) Angular - 2010년 Google에서 개발한 Framework - TypeScript 기반으로 매우 안정적이고 탄탄한 Frontend App 개발이 가능 - Framework답게 다양한 기능이 내장되어 있음, but 무겁고 배우기 어려움 2) Vue - 2014년 Evan Y..