Svelte5 개발 워크플로우 정리: Git·빌드·배포
웹 프레임워크 생태계에서 Svelte 5는 단순함과 압도적인 성능을 앞세워 많은 개발자의 주목을 받고 있습니다. 특히 SvelteKit과의 조합은 현대적인 웹 애플리케이션을 더 빠르게 개발할 수 있는 강력한 무기가 되었습니다. 하지만 훌륭한 도구를 사...
전체 글
Javascript
본문으로 이동
React가 등장한 이유와 Virtual DOM 원리
웹 브라우저의 진화와 SPA의 탄생 과거의 웹페이지는 단순히 텍스트와 이미지를 보여주는 정적인 문서에 가까웠습니다. 사용자가 링크를 클릭할 때마다 서버에서 새로운 HTML 파일을 통째로 받아와 화면 전체를 새로고침하는 방식이었습니다. 하지만 웹이 점차...
JSX 완전 정복: 표현식과 조건부 렌더링 패턴
웹 개발을 시작하면 리액트(React)를 가장 먼저 접하게 되고, 자연스럽게 JSX라는 독특한 코드를 만나게 됩니다. 겉보기에는 HTML처럼 생겼지만 자바스크립트의 강력한 기능을 그대로 품고 있는 이 기술은 현대 프론트엔드 개발의 핵심 축입니다. JS...
React 함수형 컴포넌트와 props 완전 이해
웹 페이지를 만들 때 같은 디자인의 버튼이나 카드를 반복해서 만들어 본 적이 있을 것이다. 코드를 복사해서 붙여넣다 보면 유지보수가 어려워지고 코드는 금방 스파게티처럼 꼬이고 만다. 이러한 문제를 해결하기 위해 등장한 개념이 바로 React 컴포넌트다...
React useState로 상태 관리 완전 정복
리액트(React)를 활용해 동적인 웹 애플리케이션을 만들 때 가장 처음 마주하는 벽이 있습니다. 바로 사용자의 클릭이나 입력에 따라 화면이 실시간으로 변하게 만드는 일입니다. 자바스크립트에서는 변수의 값을 바꾸고 화면의 DOM을 직접 수정했지만, 리...
useEffect 동작 원리와 의존성 배열 이해하기
리액트(React)로 웹 서비스를 개발할 때 가장 자주 마주치며, 동시에 초보 개발자를 가장 많이 혼란에 빠뜨리는 개념 중 하나가 바로 useEffect입니다. 화면이 그려지는 과정과 상관없이 외부 데이터를 가져오거나 브라우저 타이머를 설정하는 등, ...