FRONT

브라우저는 소프트웨어 입니다. 이 소프트웨어는 사용자가 (웹)페이지를 탐색하고 상호작용하는데 도움을 주는 역할을 합니다. 주요한 웹 브라우저로는 Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge, Opera 등

대규모 언어 모델의 등장(LLM) GPT의 등장!!빠르게 성장하는 VercelRSC에 더해 더욱 진보된 렌더링 기법 등장 ISR, Streaming SSR초고속 자바스크립트 프레임워크 Qwik tRPC, Zod 열풍 TC39 JS 타입구문 Stage1Svelte의 T

폴리필(Polyfill)은 웹 개발에서 사용되는 개념으로, 브라우저가 지원하지 않는 기능이나 API를 자바스크립트로 구현하여 해당 기능을 지원하는 역할을 합니다.일반적으로 폴리필은 오래된 브라우저 버전이나 특정 기능을 지원하지 않는 브라우저에서 최신 웹 표준을 준수하는

트랜스파일러(Transpiler)는 소스 코드를 한 프로그래밍 언어에서 다른 프로그래밍 언어로 변환해주는 도구입니다. 주로 최신 버전의 언어를 구형 버전의 언어로 변환하거나, 다른 언어로 변환하는 데 사용됩니다. 트랜스파일러는 소스 코드를 분석하고 변환하는 과정을 거쳐

이터러블 (Iterable):이터러블은 '반복 가능한'을 의미하며, 컬렉션 또는 데이터 구조에서 반복할 수 있는 객체입니다. 이터러블은 Symbol.iterator라는 특별한 메서드를 가지고 있으며, 이 메서드를 통해 이터레이터를 반환합니다. 배열, 문자열, 맵, 셋

라는 질문을 받고 뭐라고 대답해야 할지.. 생각해보는 시간을 가져보자!Node.js는 JavaScript를 서버 측에서 실행할 수 있도록 하는 런타임 환경입니다. 웹 브라우저에서 JavaScript가 실행되는 것과는 다르게, Node.js는 서버 사이드에서 JavaSc

node.js는 자바스크립트 런타임 환경입니다. 브라우저 외부에서 Google Chrome의 핵심인 V8 JavaScript 엔진을 실행하므로 어디서든 높은 성능을 제공할 수 있습니다.Node.js의 독특한 장점 중 하나는 브라우저에서 JavaScript를 작성하는 수

Node.js는 자바스크립트 런타임 환경입니다. 반면에 Express.js는 Node.js의 웹 애플리케이션 프레임워크입니다. 즉, Express.js는 Node.js를 기반으로 웹 애플리케이션을 개발할 때 사용하는 도구입니다.Express.js는 라우팅, 미들웨어,

npm init 명령어는 Node.js 프로젝트를 초기화하고 프로젝트의 package.json 파일을 생성하는 명령어입니다. package.json 파일은 프로젝트의 정보, 종속성 및 스크립트에 대한 메타데이터를 포함하며, 프로젝트의 설정과 관리에 중요한 역할을 합니다

라우팅은 웹 애플리케이션에서 특정 URL 경로로 들어오는 요청(requests)을 어떻게 처리할지 결정하는 프로세스를 가리킵니다. 라우팅을 통해 웹 애플리케이션은 클라이언트가 요청한 URL 경로에 따라 적절한 페이지나 동작을 제공할 수 있습니다. 보통 클라이언트는 ur

아래는 toss-payment 연동을 하는 전체 코드 입니다. 아래 코드를 통해 express 매소드에 대해 알아보려고 합니다.express.use는 Express.js 애플리케이션에 미들웨어를 추가할 때 사용하는 메서드입니다. 미들웨어는 요청과 응답 사이에서 동작하는

인증 스킴은 클라이언트가 서버에 자신의 신원을 인증하기 위해 사용하는 특정 규칙과 프로토콜의 집합을 나타냅니다. 평문으로 전송하므로 중간자 공격에 노출될 위험이 있습니다. 평문 : 암호화나 해시 처리가 되지 않은 텍스트 데이터를 가리킵니다. Basic Authentic

프론트단에서는 webpack, rollup 등의 모듈 번들러를 사용합니다. 모듈 번들러는 여러 가지 모듈들을 하나의 번들로 묶어서 최적화된 형태로 전송하고, 웹 애플리케이션의 성능을 향상시키는데에 사용됩니다. 모듈 번들러와 관련된 트렌드는 아래와 같습니다. Esbuil

mock service worker는 Service Worker를 사용하여 네트워크 호출을 가로채는 API 모킹(mocking) 라이브러리입니다. 한마디로 브라우저를 속여 마치 백엔드 API인척 가짜 데이터를 제공해줄 수 있는 라이브러리입니다.이미지 출처프론트엔드 개발