[FE / REVIEW] 0205 Article 리뷰

1. 웹 개발 트렌드 용어

1. API : Application Program Interface의 줄임말로 컴퓨터와 애플리케이션이 서로 통신하는 방식
2. 중단점(Breakpoint) : 사용자가 가장 보기 좋은 크기로 웹 사이트가 화면 크기에 맞게 조정되는 시점
3. 캐시(Cache) : 웹 사이트를 처음 방문할 때 컴퓨터에 관련 정보를 저장하여 사이트 속도를 높이는 데 도움이 되는 임시 데이터 저장소, 캐시 덕분에 웹 사이트 재방문 시 모든 웹사이트 정보를 로드할 필요가 없음
4. CI/CD : 앱 개발 단계에 자동화를 도입해 고객에게 앱을 수시로 전달하는 방식, 지속적인 통합, 지속적인 전달, 지속적인 배포
5. 쿠키(Cookies) : 인터넷 서버에서 브라우저로 보내는 데이터, 브라우저가 동일한 서버에 접속할 때마다서버에 접속하는 방법을 추적하기 위한 수단
6. 크롤(Crawl) : 페이지에서 정보를 수집하기 위해 웹사이트에 봇을 보내는, 검색 엔진에서 사용하는 프로세스.
7. CTA : Call to Action의 줄임말로 가입, 기부, 사용자 등록과 같은 특정한 행동, 전환, 목표에 도달하도록 유도하는 웹사이트의 요소(일반적으로 버튼)
8. 배포(Deployment) : 소프트웨어 시스템을 사용할 수 있게 만드는 모든 활동의 조합
9. 돔(DOM) : Document Object Modal은 XML 또는 HTML Document를 트리 구조로 취급하는 크로스 플랫폼 및 언어 독립적인 인터페이스. 각 노드는 document의 일부를 나타내는 object. DOM은 논리적인 트리가 있는 문서를 나타냄
10. 도메인(Domain) : 브라우저에 입력되는 웹 사이트의 주소
11. FCP(First Contentful Paint) : 최초 컨텐츠풀 페인트. 사용자가 페이지를 탐색한 후에 브라우저가 DOM 콘텐츠의 첫 번째 부분을 렌더링하는 데 걸리는 시간 측정
12. 프레임워크(Framework) : 웹 사이트를 만드는 과정을 더 빠르고 쉽게 만들기 위해 발명됨. 하나의 중앙 장소로 접근해 가져올 수 있는 솔루션,도구, 컴포넌트들의 모음
13. HTTP(HyperText Transport (or Transfer) Protocol) : 월드 와이드 웹에서 사용되는 데이터 전송 프로토콜
14. HTTPS : HTTP 에서 암호화 방법을 사용해 웹 페이지에서 주고받는 데이터 보호
15. iFrame : 웹 사이트 내에 다른 웹사이트를 포함시키기 위해 사용되는 HTML 요소
16. 자바스크립트(Javascript) : 웹 개발자가 웹 페이지에 자동화, 애니메이션 및 상호 작용을 추가하는 데 사용하는 클라이언트 사이드 언어
17. LCP(Largest Contentful Paint) : 최대 콘텐츠풀 페인트. 가장 큰 콘텐츠 요소가 화면에 렌더링되는 데 걸리는 시간을 측정하는 성능 매트릭
18. Light House : 웹 페이지의 품질을 테스트하고 개선하기 위한 자동화된 도구, 오픈소스
19. 메타 태그(Meta Tag) : 웹 페이지에 요소들에 대한 추가 정보
20. 경량화(Minification) : 파일 크기를 줄이기 위해 코드와 마크업을 최소화 화는 과정
21. 모바일 퍼스트(Mobile First) : 웹 사이트를 구축할 때 데스크톱보다 모바일 기기를 우선시하는 웹 디자인 및 개발에 대한 접근법
22. MVP(Minimum Viable Product) : 최소 실행 가능 제품. 시장에 출시할 수 있는 제품의 가장 축소시킨 버전
23. 네비게이션(Navigation) : 다른 페이지를 가르키는 웹사이트의 링크. 일반적으로 사이트 상단의 메뉴 또는 footer에서 볼 수 있음
24. NPM : 자바스크립트 런타임 환경인 node.js를 위한 기본 패키지 매니저
25. 프로미스(Promise) : 비동기 작업의 최종 완료(또는 실패) 와 그 결과 값
26. SAAS(Software as a Service) : 인터넷을 통해 애플리케이션을 서비스로 제공하는 방법
27. SEO(Search Engine Optimization) : 검색 엔진 최적화. 검색 엔진을 통해 최고로 노출되도록 콘텐츠를 만들고 수정하는 프로세스
28. 서버(Server) : 사용자가 웹 사이트에 접속할 수 있도록 소프트웨어 실행, 호스팅 제공하는 컴퓨터
29. SSR(Server-Side Rendering) : 서버가 HTML 파일을 클라이언트를 위해 완전히 렌더링된 HTML 페이지로 변환하는 애플리케이션의 기능
30. 타입스크립트(Typescript) : 자바스크립트의 엄격한 구문 상위 집합, 자바스크립트 언어에 선택적으로 정적 타입 추가
31. 와이어프래엠(Wireframe) : 디자인 요소 없이 웹 페이지의 구조와 내용을 보여주는 시각적 가이드
32. Yarn : NPM과 마찬가지로 프로젝트 매니저를 겸하는 패키지 매니저

 

2. 2023년 웹 개발 트랜드 10가지

Next.js와 같은 메타 프레임워크 등장으로 CSR에서 SSR로 전환하는 분명한 추세.

ISR, Streaming SSR과 같은 세밀한 렌더링 기법 등장. ISR은 전체 웹사이트를 리빌드 하는 대신 페이지 단위로 웹사이트를 정적으로 리블드. Streaming SSR은 개발자가 애플리케이션을 청크로 분할해 서버에서 클라이언트로 점진적으로 병렬 전송 가능

서버리스 기능은 사용자가 가장 가까운 곳에서 서버리스 함수가 실행되며 클라이언트-서버 왕복 시간이 짧아져 사용자 경험이 개선됨. 서버리스 기능을 가능한 한 사용자와 가까운 곳에 배포하는 것을 엣지 컴퓨팅과 엣지 기능이라는 용어로 표현

SSR이 부상하면서 유틸리티 우선 CSS가 좋아질 것. Tawilnd CSS가 대표적인 유틸리티 우선 CSS

API 통신에서 타입 안정성은 중요함. tRPC,Zod, Prisma, TanStack Router와 같은 타입 안정성 솔루션이 대세

 

 

해당 글은 Korean FE Aticle 글을 참고 및 정리하는 글입니다

https://kofearticle.substack.com/about