Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 리팩토링 회고
- useEffect return
- Frontend Roadmap
- 우테캠 회고록
- frontend roadmap study
- 머쓱이
- K_Digital Training
- react customHook 예시
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 K_Digital Training 프론트엔드
- 백준 node.js
- KDT 프로그래머스 데브코스 프론트엔드
- 모던 자바스크립트 Deep Dive
- 개발자 특강
- Vue3 Router
- useRef 지역 변수
- react 프로젝트 리팩토링
- 모던 자바스크립트 TIL
- TypeScript 문법 소개
- 프로그래머스 데브코스
- 프로그래머스 K_Digital Training
- 백준 js
- 프로그래머스 데브코스 프론트엔드
- 모던 자바스크립트 딥다이브
- Vue3
- 모던 자바스크립트 Deep Dive TIL
- 모던 javascript Deep Dive
- 투포인터알고리즘 js
- 프로그래머스 데브코스 프론트엔드 TIL
- KDT 프로그래머스
Archives
- Today
- Total
프론트엔드 개발자의 기록 공간
[FE_Roadmap] Pick a Framework 본문
웹 개발 프레임워크를 선택하기 위한 15가지 중요한 고려 사항
- 목적 및 사용 맥락
- 개발하는 웹 사이트 or 웹 애플리케이션의 목적에 따라 선택해야 합니다.
- 프로젝트의 목적과 선택한 프레임워크에 대한 이유에 대해서 스스로 묻고 대답해야 합니다.
- 라이선스
- 소프트웨어를 사용, 배포 및 수정할 수 있는 법적 계약이므로 중요합니다.
- 상용 목적으로 사용할 수 있는지, 등에 대한 조건이 있는지 확인해야 합니다.
- 다른 소프트웨어와 배포와 호환되는지 확인해야 합니다.
- 문서화
- 개발자가 프레임워크 기능을 이해하고, 문제를 해결하기 위해서는 공식 문서는 필수적입니다.
- 예제, 치침, 자습서, 샘플 코드 등을 제공하는 설명서를 찾아야합니다.
- 문서가 불분명하거나 오랜된 정보라면 프레임워크를 효율적으로 배우고 학습히기 어려울 뿐만 아니라, 프레임워크를 걷어내야하는 과정이 생길 수도 있습니다.
- 확장성
- 비즈니스가 성장하고 확장함에 따라 웹 애플리케이션도 증가된 트래픽과 데이터 볼륨을 처리할 수 있어야 합니다.
- 확장 불가능한 웹 애플리케이션은 빠르게 과부하되고 느려질 수 있으며, 좋지 않은 사용자 경험으로 인해 재정적 손실을 초래할 수 있습니다.
- 학습 곡선
- 새로운 프레임워크를 배우는 데 필요한 시간과 노력은 프로젝트 기간에 영향을 미칠 수 있습니다.
- 학습 곡선이 높을 수록 능숙해지는데 시간이 오래 걸리므로 프로젝트가 지연될 수 있고, 이는 코드 품질에도 영향을 미칠 수 있습니다.
- 웹 개발이 처음이라면 Bootstrap와 같은 프레임워크로 시작하는 것이 좋습니다. -> 즉 처음부터 개념적인 원리를 익히기 위해서는 학습 곡선이 매우 높으므로, 프레임워크를 통해 사용법을 익히고 원리를 익히는게 좋다고 생각합니다.
- 성능
- 웹 사이트 또는 웹 앱의 속도와 응답성이 사용자 경험에 영향을 미치기 때문에 중요합니다.
- 웹 사이트의 성능은 검색 엔진 순위에도 영향을 미치기 때문에 중요합니다.
- 웹 개발 프레임워크를 선택하기 위한 고려 사항으로 프로그래밍 언어, 랜더링, 코드 최적화, 빌드, 타사 라이브러리 종속성과 같은 요소를 확인해야합니다.
- 라이브러리
- 제공되는 라이브러리는 개발을 단순화하고 가속화하는데 사용할 수 있는 사전 구축된 모듈 또는 기능의 모음입니다.
- ex) 반복적인 코드 작성을 피할 수 있는 라이브러리가 있는 프레임워크를 채택할 가능성이 더 큷니다.
- 타사에 대한 강력한 라이브러리 지원이 있는 프레임워크를 선택하는 것도 중요합니다. -> 하나의 프로젝트에서 다양한 프레임워크, 라이브러리를 사용하기 때문에 호환도 중요합니다.
- 커뮤니티
- 프레임워크로 작업할 때 적절한 문서가 있더라도 버그 및 오류가 발생할 수 있습니다.이를 빠르고 효율적으로 해결하기 위해서는 커뮤니티가 중요합니다.
- 해당 기술에 관련된 다양한 정보를 나누고 습득할 수 있는 또 다른 문서의 집합이라고 생각합니다.
- 설치 용이성
- 설치 용이성은 생산성과 작업 흐름에 상당한 영향을 미칠 수 있습니다. 복잡한 설치 프로세스는 특히 프레임워크를 처음 사용하는 개발자에게는 성가시고 시간이 많이 소요될 수 있습니다.
- 보안 (서버)
- 보안은 웹 개발에서 최우선 순위입니다. 따라서 프레임워크가 기본적인 보안 기능을 제공하는지 확인해야합니다.
- SSL 지원, 웹 공격에 대한 보호, 안전한 암호 저장 등등
- 호환성
- 사용하려는 프레임워크가 웹 서버 및 운영 체제와 호환되는지 확인해야합니다.
- 웹 개발 프레임워크를 고려해야 할 요소는 다음과 같습니다.
- 브라우저 간 호환성 : chrome, safari, firefox등
- 교차 플랫폼 호환성: window, mac, ios, android 등
- 타사 라이브러리 호환성 : 웹 개발에 사용되는 타사 라이브러리와 호환되는지 확인해야합니다.
- 업데이트
- 빠르게 변화하는 디지털 세계에서 프레임워크는 최신 웹 기술과의 관련성과 호환성을 유지하기 위해 정기적으로 업데이트되어야 합니다.
728x90
'개발지식' 카테고리의 다른 글
requestAnimationFrame 사용법 (1) | 2024.05.26 |
---|---|
[FE_Roadmap] writing css & testing your apps (0) | 2024.03.02 |
[FE_Roadmap] Module Bundlers (0) | 2024.02.13 |
[FE_Roadmap] CSS Architecture&CSS Preprocessors (1) | 2023.12.17 |
[FE_Roadmap] Package Managers (0) | 2023.12.09 |
Comments