Soony's House

🐋 Azure VM 선택 이유 홈페이지 배포에 있어서 EC2 인스턴스와 Azure VM을 두고 고민하던중나는 Azure VM를 사용하여 웹 페이지를 배포하기로 결정했다. 이유는1. github student credit을 제공받을 수 있음2. 대규모 트래픽 처리는 필요하지 않아서 Azure의 무료 패키지 모델로도 충분했기 때문! 💡나의 개발 환경1. React2. Spring Boot3. NginX 프록시4. MySQL 💡배포 과정 순서1. VM 생성·포트 열기 2. 환경 세팅(패키지 설치) 3. DB 준비 4. 파일 업로드 5. 서비스 실행 + Nginx 설정 6. 최종 점검 💡VM와 서버 동작 목표 : VM의 작동여부에 따라 모두 자동실행 되도록 ! Ngin..

목차1. JSX 란?2. JSX 특징 및 주의사항3. JSX의 CSS 적용4. JSX 속성 사용방식 1. JSX 란? JSX는 JavaScript에 XML/HTML 형태의 마크업을 작성할 수 있게 해주는 JavaScript 확장 문법 Javascript에 XML 형식의 문법을 결합한 형태React에서는 렌더링 로직과 UI 로직이 연결되어 있다고 보기 때문에, 둘을 함께 구성하는 컴포넌트 단위로 관심사를 분리함. 2. JSX 특징 및 주의사항 💡 JSX의 특징 JS 표현식 포함 가능중괄호 {} 안에 JavaScript 표현식 사용 가능예: Hello, {name}JSX도 표현식이다!JSX는 JavaScript 코드처럼 변수에 할당하거나, 인자로 전달하거나, 함수에서 반환 가능속성 정의문..

목차1. 리액트(React)2. 리액트 사용이유와 VitrualDOM(가상돔)3. terminal에서 초기 설정하기 1. 리액트(React) 💡자바스크립트 라이브러리리액트란 자바스트립트 UI 라이브러리이다. 💡 SPA(Single Page Application) SPA는 수많은 웹 페이지를 로딩할 때 최신 업데이트를 신속하게 반영하며, 페이지 로딩 속도를 향상시키고 트래픽을 줄인다.따라서 페이지가 부드럽게 전환되도록 하고, 업데이트가 될 때까지 기다리는 시간을 단축시킨다. ft. MetaMeta가 만든 오픈 소스 기반 라이브러리.든든한 지원군인 Meta덕에 웹 개발 시장에서 쉽게 무너질(?) 일은 없다는 것,! https://github.com/facebook/react GitHub -..