![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bgLVHK/btsF2MzUYDi/KmiCje85WOeifXB0Josv2k/img.png)
✪ 상태 - 어떠한 의미를 지닌 값 - 애플리케이션의 시나리오에 따라 지속적으로 변경될 수 있는 값 - 웹 애플리케이션을 구성하는 변경될 수 있는 데이터 ✪ 웹에서의 상태 ✧ UI: 상호 작용이 가능한 모든 요소의 현재 값은 상태이다. 예) 다크/라이트 모드, 각종 input, 알림창의 노출 여부 등 ✧ URL: 브라우저에서 관리되고 있는 상태값. 상태는 사용자의 라우팅에 따라 변경됨. 예) https://www.airbnb.co.kr/rooms/2024?adults=2 ➔ 상태: roomId=2024, adults=2 ✧ 폼(form): 로딩 중인지(loading), 현재 제출됐는지(submit), 접근이 불가능한지(disabled), 값이 유효한지(validation) 등 모두가 상태로 관리된다. ✧..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/wgyrz/btsF2GGC7fT/77ceGPvhrftGal9T7sKa71/img.gif)
*️⃣ Static Test 정적 테스트란 코드를 실행시키지 않고 테스트를 하는 것을 의미한다. ✧ Typescript TypeScript는 정적 타입 검사를 제공하여 코드의 안전성을 높이고 개발자가 코드를 더욱 안정적으로 유지할 수 있다. ✧ ESLint ESLint는 코드 스타일 및 일반적인 프로그래밍 오류를 검사하여 코드의 일관성과 품질을 향상시킨다. *️⃣ Unit Test 단위 테스트는 프로그래밍을 할 때 소스코드의 특정 모듈(메서드)이 의도된 대로 정확히 작동하는지 검증하는 절차이다. 툴: Jest, Jasmine, Karma, Mocha ✧ Jest Jest는 코드가 제대로 동작하는 지 확인하는 test case 를 만드는 테스팅 프레임워크 - 기능 - 사용법 jest docs:http..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/Jb81y/btsFUrpezOO/OftR9ryNUBYK4KYPlJI4AK/img.png)
1. 로그인, 회원가입 UI 구현 2. Firebase 연동 firebase 가입한 뒤, 프로젝트 생성해주고 기타 설정해준다. 자세한 설명은 docs 참고 //firebase.ts // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app'..
- Total
- Today
- Yesterday
- 빅데이터
- Network
- eslint
- 핀터레스트
- web
- 프로토콜
- 네트워크
- Next.js
- github
- git
- 상태관리
- pagination
- 이브와ICT멘토링
- sass
- 무한스크롤
- AI Challeng for Biodiversity
- Masonry 레이아웃
- State
- react-query
- Firebase
- Tanstack-Query
- React Query
- 캡스톤디자인
- zustand
- react
- Micorosoft
- 졸업프로젝트
- Tanstack Query
- prettier
- style-lint
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |