일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- js
- for~in/for~of
- 내장고차함수
- ㄷㅌ
- 자바스크립트#JS#slice#splice
- 자바스크립트
- @redux-toolkit
- slice/splice/split
- 노드교과서
- UI
- JS#3일차달리자#초반인데#시간금방~
- dom
- variable#function
- User Flow
- removeCookie
- redux상태유지
- 헷갈린다~
- toString#String
- children vs childrenNodes
- 자바스크립트#조건문#문자열
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- 자바스크립트#JS#var#let#const#undefined#null
- https://dasima.xyz/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%9C%EA%B3%B1-math-pow-%EA%B3%84%EC%82%B0/
- CSS
- https://www.daleseo.com/js-array-slice-splice/
- react
- https://developer-talk.tistory.com/299
- cmarket
- Beesbeesbees
- UX
- Today
- Total
목록전체 글 (172)
Daily Front_Minhhk
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cRpEOa/btrX3twNuiq/Q00tg2P0f5nXoEhjdQQrP0/img.png)
개발 프로세스 개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어졌다. 요구사항분석 -> 설계 -> 구현 -> 테스트 -> 배포 및 유지보수 전통적인 개발 프로세스 → 워터폴(Waterfall) 방식 (“폭포수 개발 방식”) 전통적인 소프트웨어 개발 프로세스에서는 소프트웨어의 안정성 개선을 위해 테스트 단계에 다양한 테스트들을 도입하기도 합니다. 시스템 테스트 : 모든 모듈을 통합한 후 최종적으로 완성된 시스템이 요구사항을 만족하는지 확인합니다. 요구사항을 만족하지 않는다면 다시 요구분석 단계로 돌아가 새로 개발을 하기도 합니다. 알파 테스트 : 완전히 개발된 시스템을 개발 현장에서 비공개로 테..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/MdRaK/btrXUTbNlUR/9O7rdlPbkTCzEFeYlqkkJk/img.png)
아마존 웹 서비스(AWS) 아마존 웹 서비스(AWS)란 아마존이 자사의 노하우를 살려 제공하고 있는 ‘클라우드 컴퓨팅 서비스’를 의미한다. 🥶 EC2 (Elastic Compute Cloud) - 사용한 만큼 지불 EC2란 아마존 웹 서비스에서 제공하는 클라우드 컴퓨팅 서비스 클라우드 컴퓨팅은 인터넷(클라우드)을 통해 서버, 스토리지, 데이터베이스 등의 컴퓨팅 서비스를 제공하는 서비스입니다. 정리하면 아마존에서 가상의 컴퓨터를 한 대 빌리는 것과 같습니다. → EC2 서비스는 AWS에서 비용, 성능, 용량 면에서 탄력적인 클라우드 컴퓨터를 제공하는 서비스 1.구성하는 데 필요한 시간이 짧다 2.AMI를 통해서 필요한 용도에 따라 다양한 운영체제에 대한 선택이 가능(CPU와 RAM, 용량까지도 손쉽게 구성..
Error: listen EADDRINUSE: address already in use :::80 at Server.setupListenHandle [as _listen2] (net.js:1280:14) at listenInCluster (net.js:1328:12) at Server.listen (net.js:1415:7) at Function.listen (/home/ubuntu/im-sprint-practice-deploy/server/node_modules/express/lib/application.js:618:24) at Object. (/home/ubuntu/im-sprint-practice-deploy/server/app.js:49:5) at Module._compile (internal/m..
🥶 최적화, optimization 주어진 상황에서 원하는 가장 알맞은 결과를 얻을 수 있도록 처리하는 과정. 최적화는 허용된 자원의 한계 내에서 주어진 요구사항을 만족시키면서 최선의 결과를 얻는 과정이다. 컴퓨터 공학에서의 최적화 : 최소한의 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것을 의미! 최적화의 필요성 및 효과 1. 이탈률 감소 2. 전환율 증가 3. 수익 증대 4. 사용자 경험(UX) 향상 📌HTML, CSS 코드 최적화하기 1. HTML 최적화 방법 (1) DOM 트리 가볍게 만들기 (2) 인라인 스타일 사용하지 않기 2. CSS 최적화 방법 (1) 사용하지 않는 CSS 제거하기 (2) 간결한 셀렉터 사용하기 📌리소스 로딩 최적화하기 1. CSS 파일 불러오..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bUq050/btrXH81d4Iv/E7oBV1zokZP5a4v7OOlV8k/img.png)
TDD란? TDD(Test-driven Development)는 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론입니다. 개발자 자신이 바람직하다고 생각하는 코드의 결과를 미리 정의하고, 이것을 바탕으로 코드를 작성하는 법입니다. 작은 단위의 테스트 케이스를 작성하고, 이를 통과하는 코드를 작성하는 과정을 반복하는 것을 의미 TDD의 개발주기 Write Failing Test: 실패하는 테스트 코드를 먼저 작성한다. Make Test Pass: 테스트 코드를 성공시키기 위한 실제 코드를 작성한다. Refactor: 중복 코드 제거, 일반화 등의 리팩토링을 수행한다. TDD를 사용하는 이유 코드를 작성하기에 앞서 테스트 코드를 먼저 작성해야 하기 때문에 시간이 오래 걸리는 것처럼 느껴지지만, 오히..
GraphQL Graph + Query Language Query Language 중에서도 Server API 를 통해 정보를 주고받기 위해 사용하는 Query Language를 뜻하며,API를 위한 쿼리 언어라고 할 수 있습니다. GraphQL은 트리 구조로 쿼리 결과를 받기 위해 그래프를 탐색하는 쿼리 언어라고 볼 수 있습니다. GraphQL의 특징 GraphQL은 HTTP를 통해 API 서버로 요청을 보내고 응답을 받습니다. 응답을 받을 시, 데이터 결과를 JSON 형식으로 받습니다. GraphQL은 서버 개발자가 작성한 각 필드에 대응하는 resolver 함수로 각 필드의 데이터를 조회할 수 있습니다. GraphQL은 GraphQL 라이브러리가 조회 대상 schema가 유효한지 검사합니다. Gra..