목록Code개발일지 (103)

Daily Front_Minhhk

[firebase] 프로젝트 생성

1. firebase 접속 2. 새프로젝트 추가+ (애널리틱스 분석 사용안함) 3. 웹으로 만들기 때문에 웹 선택! 4. 환경변수 적용 -> .env src/firebase/config.js const firebaseConfig = { apiKey: process.env.REACT_APP_API_KEY, authDomain: process.env.REACT_APP_AUTH_DOMAIN, projectId: process.env.REACT_APP_PROJECT_ID, storageBucket: process.env.REACT_APP_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID, appId: process.env.R..
Code개발일지 2023. 5. 1. 00:35
React Proxy

💡 CORS - 교차 출처 리소스 공유, (Cross-Origin Resource Sharing, CORS) 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. CORS 정책을 위반 하여 다른 출처를 가진 상태에서 요청하게 되면, 브라우저가 보안상의 이유로 차단한다 클라이언트가 3000번 포트, 서버 포트가 3070 일 때, 클라이언트에서 서버로 리소스를 요청 할 때, CORS 에러가 나타나며 데이터를 주지 않게 된다. → 동일한 출처에서 리소스를 요청하면 된다. 💡 라이브 데이터(live data) 실제 서비스되고 있는 앱의 데이터베이스(Data Base, DB)에 적재되고 있는 데이터를 ..
Code개발일지 2023. 2. 6. 16:33
CI / CD

개발 프로세스 개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어졌다. 요구사항분석 -> 설계 -> 구현 -> 테스트 -> 배포 및 유지보수 전통적인 개발 프로세스 → 워터폴(Waterfall) 방식 (“폭포수 개발 방식”) 전통적인 소프트웨어 개발 프로세스에서는 소프트웨어의 안정성 개선을 위해 테스트 단계에 다양한 테스트들을 도입하기도 합니다. 시스템 테스트 : 모든 모듈을 통합한 후 최종적으로 완성된 시스템이 요구사항을 만족하는지 확인합니다. 요구사항을 만족하지 않는다면 다시 요구분석 단계로 돌아가 새로 개발을 하기도 합니다. 알파 테스트 : 완전히 개발된 시스템을 개발 현장에서 비공개로 테..
Code개발일지 2023. 2. 3. 20:53
AWS

아마존 웹 서비스(AWS) 아마존 웹 서비스(AWS)란 아마존이 자사의 노하우를 살려 제공하고 있는 ‘클라우드 컴퓨팅 서비스’를 의미한다. 🥶 EC2 (Elastic Compute Cloud) - 사용한 만큼 지불 EC2란 아마존 웹 서비스에서 제공하는 클라우드 컴퓨팅 서비스 클라우드 컴퓨팅은 인터넷(클라우드)을 통해 서버, 스토리지, 데이터베이스 등의 컴퓨팅 서비스를 제공하는 서비스입니다. 정리하면 아마존에서 가상의 컴퓨터를 한 대 빌리는 것과 같습니다. → EC2 서비스는 AWS에서 비용, 성능, 용량 면에서 탄력적인 클라우드 컴퓨터를 제공하는 서비스 1.구성하는 데 필요한 시간이 짧다 2.AMI를 통해서 필요한 용도에 따라 다양한 운영체제에 대한 선택이 가능(CPU와 RAM, 용량까지도 손쉽게 구성..
Code개발일지 2023. 2. 2. 17:12
Optimization 최적화

🥶 최적화, optimization 주어진 상황에서 원하는 가장 알맞은 결과를 얻을 수 있도록 처리하는 과정. 최적화는 허용된 자원의 한계 내에서 주어진 요구사항을 만족시키면서 최선의 결과를 얻는 과정이다. 컴퓨터 공학에서의 최적화 : 최소한의 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것을 의미! 최적화의 필요성 및 효과 1. 이탈률 감소 2. 전환율 증가 3. 수익 증대 4. 사용자 경험(UX) 향상 📌HTML, CSS 코드 최적화하기 1. HTML 최적화 방법 (1) DOM 트리 가볍게 만들기 (2) 인라인 스타일 사용하지 않기 2. CSS 최적화 방법 (1) 사용하지 않는 CSS 제거하기 (2) 간결한 셀렉터 사용하기 📌리소스 로딩 최적화하기 1. CSS 파일 불러오..
Code개발일지 2023. 2. 1. 16:33
TDD(Test-driven Development)

TDD란? TDD(Test-driven Development)는 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론입니다. 개발자 자신이 바람직하다고 생각하는 코드의 결과를 미리 정의하고, 이것을 바탕으로 코드를 작성하는 법입니다. 작은 단위의 테스트 케이스를 작성하고, 이를 통과하는 코드를 작성하는 과정을 반복하는 것을 의미 TDD의 개발주기 Write Failing Test: 실패하는 테스트 코드를 먼저 작성한다. Make Test Pass: 테스트 코드를 성공시키기 위한 실제 코드를 작성한다. Refactor: 중복 코드 제거, 일반화 등의 리팩토링을 수행한다. TDD를 사용하는 이유 코드를 작성하기에 앞서 테스트 코드를 먼저 작성해야 하기 때문에 시간이 오래 걸리는 것처럼 느껴지지만, 오히..
Code개발일지 2023. 1. 31. 22:07
이전 Prev 1 2 3 4 5 6 7 ··· 18 Next 다음