왜 webpack을 유지하고 버전을 업그레이드했을까Webpack은 2023년 기준으로 vite, rollup 등에 자리를 내어주고 있지만 여전히 번들러로서 1순위를 지키고 있다. 필자의 경험에 비추어볼 때 webpack은 비교적 hot-reload 속도가 느리고, co
플레이어블 광고는 앱을 설치하기 전에 해당 게임을 경험해볼 수 있도록 기회를 제공하는 광고이다. 일반적인 광고와 다르게 유저의 인터렉션을 통해 광고가 진행되는 것이 특징이며 빠른 시간 내에 게임의 핵심 내용을 담아내야한다.
초기 JavaScript는 웹브라우저에 인터렉티브 요소를 추가하기 위해 개발된 경량의 스크립팅 언어였습니다. 그러나 현재는 서버, 모바일, 게임 등의 개발에도 사용되며 그 위상을 넓히고 있습니다. 예를 들어 “뱀파이어 서바이벌”이라는 1인 개발게임은 일반적인 게임 개발
Notion은 유저들이 권한에 따라 쉽게 실시간 편집을 할 수 있도록 구현하기 위해 fine-grained access control 방식을 사용한다.
ChatGPT의 등장에 그 놀라운 질의응답 기능 이외에도 관심을 끈 것이 있다면, 인터렉티브하게 답변을 눈앞에서 만들어낸다는 사실을 직관적으로 보여주는 typewriter 애니메이션이다.
많은 웹사이트들은 게시물이나 문제 등을 기준에 따라 필터링하고, 페이지를 넘기며 확인할 수 있도록 구현하고 있다. 예를 들어 아래와 같이 좌측에서는 “풀이 여부”, “카테고리” 등의 필터를 통해 문제를 검색하고, 하단에서는 페이지 번호를 통해 여러 페이지로 구성하는 흔
에러란 무엇인지 정의하고 프론트엔드 개발자가 해야할 일을 정리해보자.
토큰 기반 인증에서 Refresh 토큰은 Access 토큰의 유효기간을 줄여 보안상 이점을 가져가려는 목적에서 도입된다. 하지만...
단일 repository에 여러 서브 프로젝트가 존재하는 형태의 repository기존에 자주 사용되던 모놀리식 레포는 소스코드를 모듈화하지 않고 하나의 레포지토리에 모두 넣은 것으로 아래와 같은 특징을 가진다.장점모든 코드가 단일 버전코드 재사용 용이빌드, 배포 용이
브라우저와 서버가 통신하는 약속HTTP/0.9 - 90년단순한 문서 요청, 응답콘텐츠 형식은 HTML문서 뿐응답코드도 없다HTTP/1.0 - 96년현대의 HTTP 기본 기능 포함메서드 추가헤더 추가HTTP/1.1 - 97년TLS 암호화 통신(HTTPS)Keep-aliv
순서가 정해져있는 작업을 차례로 수행해야 할 때 그 순서를 결정해주기 위한 알고리즘순서가 있으므로 사이클이 존재하지 않는 방향 그래프(DAG, directed acyclic graph)로 구성할 수 있을 때 사용 가능하다.모든 노드를 순회하면서 각 노드의 간선을 순차적
CORS(Cross-Origin Resource Sharing)은 웹 브라우저에서 다른 출처의 자원에 접근할 수 있도록 해주는 보안 기술보안 상의 이유로 브라우저는 기본적으로 스크립트에서 다른 도메인의 자원에 접근하는 것을 제한한다. 이것은 웹 애플리케이션이 다른 도메
리액트로 프로젝트를 진행하다 보면 Computer Science 시간에 배운 여러 자료구조를 잊어버릴때가 있다. 이에 리액트 사용 시 자료구조에 대한 깊은 학습이 필수적으로 수반되어야 하는지에 대한 논쟁은 개발자들 사이에서도 의견이 분분하다. React(javascri
HTML이 등장하고 3년 후인 1994년, 웹의 디자인에 대한 요구를 해결하기위해 CSS가 등장했다. 이후 웹이 복잡해지고 인터렉션 등이 발전하며 여러 웹 구성 방식이 등장했고 그 과정에서 CSS는 크게 CSS-in-CSS(CSS 모듈, CSS 전처리기 등)와 CSS-