본문 바로가기

전체 글

(53)
[React] 리액트 개발환경 만들기 (etc. VSCode 개발환경 설정) scoop 설치하기 macOS나 Linux는 웹 개발에 필요한 도구들을 brew나 apt라는 프로그램으로 쉽게 설치할 수 있다.  윈도우는 이러한 프로그램을 제공하지 않아 필요한 도구를 일일이 받아야 하는 번거로움이 존재한다.  해당 번거로움을 덜기 위해 scoop를 설치한다.scoop란 brew나 apt와 같은 방식으로 명령 줄에서 프로그램을 쉽게 설치할 수 있다.  우선 설치 전 PowerShell을 통해 환경변수 설정 및 윈도우 실행규칙을 변경하는 명령을 수행해 줘야한다. // scoop로 설치할 프로그램의 위치를 지정PS C:\Users\home> $env:SCOOP='C:\Scoop'PS C:\Users\home> [Environment]::SetEnvironmentVariable('Scoop'..
[React] 리액트 프레임워크 이해하기 리액트란? 2013년에 페이스북에서 발표한 오픈소스 자바스크립트 프론트 프레임워크이다.  프론트 개발영역에 속하며 가상 DOM(document object model), JSX(Javascript XML)라는 새로운 방식으로 동작한다.  2022년도에는 vue가 일시적으로 점유율이 높은 것으로 파악 되었으나, 이는 코로나 사태의 빠른 비대면 서비스를 만들기 위해선 vue를 도입할 수 밖에 없었던 상황으로 이해된다.SPA(single page application)란? 싱글 페이지 애플리케이션은 하나의 페이지를 사용하는 애플리케이션이다.  즉 SPA는 웹 서버로부터 새로운 페이지를 매번 불러오지 않고 하나의 페이지만을 사용한다.  리액트로 구성된 웹 애플리케이션은 index.html 파일 1개로만 동작을 ..