전체 글69 [React 기초] JSX 문법 - className, 데이터 바인딩 {중괄호}, inline style JSX란?- 문자열도HTML도 아닌 JavaScript에서 XML을 추가, 확장된 문법이다.- React로 프로젝트를 만들 때 사용한다.- JavaScript의 모든 기능이 포함되어 있다. JSX를 사용하는 이유React에서 를 만들려면 React.createElement('div', null, 'Hello World')로 길게 작성해야 한다.하지만 JSX를 사용하면 로 작성하면 된다. JSX 문법 1. HTML에 class 넣을 때는 className html에서 태그에 class를 추가할 때에는 위와 같이 사용하지만, React JSX 분법에서는 아래와 같이 사용해야 한다. import logo from './logo.svg';import './App.css';function App(){ retur.. 2024. 7. 30. [React 기초] React 시작하기(설치/개발 환경 세팅/프로젝트 생성) 1. 리액트(React)란?페이스북(Facebook)에서 개발한 오픈 자바스크립트 라이브러리.2. 리액트(React)를 사용하는 이유1. Single Page Application을 만들 때 사용한다. - 하나의 페이지에서 모바일 앱처럼 부드럽게 동작하는 HTML 페이지를 만들고 싶을 때 React 라이브러리를 사용한다.2. HTML 재사용이 편리하다. - 큰 프로젝트에서 html 관리, 재사용이 편리해진다.3. 비슷한 문법으로 앱 개발이 가능하다. (React Native) 사실 React는 HTML, CSS, JavaScript를 이용한 웹 개발을 편리하게 해 주는 도구이다. HTML, CSS, JavaScript를 알고 있어야 한다. 3. 리액트(React) 설치/개발 환경 세팅1. N.. 2024. 7. 30. 블렌딩 모드 ㅂNormalDissolve - 모래알 흩뿌린 것처럼 나타냄(노이즈와 비슷), 투명도와 병행해서 사용해야 함 [어둡게] - 어둡게 합성, 밝은 부분은 투명하게 처리DarkenMultiply - [어둡게] 그룹의 대표, 하위 레이어와 섞이지 않음, 이미지 따야할 때 많이 사용Color Burn - 어둡게 합성해야 하는 경우에 색상까지 들어가야 할 경우에 사용Linear BurnDarker Color [밝게] - 밝게 합성, 어두운 부분은 투명하게 처리LightenScreen - [밝게] 그룹의 대표, 하위 레이어와 섞이지 않음, 이미지 따야할 때 많이 사용Color Dodge - 밝게 합성해야 하는 경우에 색상까지 들어가야 할 경우에 사용Linear Dodge (Add)Lighter Color [대비] -.. 2024. 7. 29. 이전 1 ··· 9 10 11 12 다음
