요소의 불투명도를 설정하는 속성입니다.
불투명도는 요소 뒤쪽 콘텐츠가 숨겨지는 정도로, 투명도의 반대입니다.
opacity - CSS: Cascading Style Sheets | MDN (mozilla.org)
opacity - CSS: Cascading Style Sheets | MDN
opacity CSS 속성은 요소의 불투명도를 설정합니다. 불투명도는 요소 뒤쪽 콘텐츠가 숨겨지는 정도로, 투명도의 반대입니다.
developer.mozilla.org
참조
node_modules 안에 있는 폴더위치 그대로 할 경우에
수정해도 바로 적용안되고 새로 빌드할 때에만 적용됩니다.
-> src에 node_modules에있는 바로 실행할파일을 옮기고
해당 src 에서 import 를 사용해서 하면됩니다.
| [React] slick library - 맨마지막 슬라이드시 화살표 사라지게 구현 (0) | 2023.01.05 |
|---|---|
| [React] export default vs named export 사용방식의 차이 (0) | 2023.01.04 |
| React-slick 슬라이더 양쪽 화살표가 안보일때 (0) | 2023.01.02 |
| React - react-responsive ? (0) | 2022.12.16 |
| React 엘리먼트란 ? (0) | 2022.12.15 |
slick 화살표를 구현중 화살표가 화면에 안나오길래 여러 고심끝에 전체를 감싸는 div 를 설정을 안해줘서
화살표가 안보일것같다고 생각이 들어서 아래와같이 하니까 해결되었습니다!
여기에 나온 movielist 부분을 설정을 안해줘서 안보이는것 이였습니다.(미완성상태)
| [React] export default vs named export 사용방식의 차이 (0) | 2023.01.04 |
|---|---|
| [React] node-module 을수정하고 바로 적용안될때 해결방법 (0) | 2023.01.03 |
| React - react-responsive ? (0) | 2022.12.16 |
| React 엘리먼트란 ? (0) | 2022.12.15 |
| React css 깨짐현상 해결방법(bootstrap css 로 인한 전체 css 깨짐문제) (0) | 2022.12.09 |
| [React] node-module 을수정하고 바로 적용안될때 해결방법 (0) | 2023.01.03 |
|---|---|
| React-slick 슬라이더 양쪽 화살표가 안보일때 (0) | 2023.01.02 |
| React 엘리먼트란 ? (0) | 2022.12.15 |
| React css 깨짐현상 해결방법(bootstrap css 로 인한 전체 css 깨짐문제) (0) | 2022.12.09 |
| React 프로젝트 디렉토리 구조 (tailwind css 설치시) (0) | 2022.12.07 |
function Component1(props){
return(
<div>안녕하세요1</div>
);
}
const Component2 =(props) =>{
return(
<div>안녕하세요2</div>
);
}
export default Component1;
export default Component2;
이렇게하면 오류가 나온다
----------------------------------
따라서 아래처럼 작성해줘야한다.
import React from 'react';
function Component1(props){
return(
<div>안녕하세요1</div>
);
}
const Component2 =(props) =>{
return(
<div>안녕하세요2</div>
);
}
// export default Component1;
// export default Component2;
export {Component1 , Component2}
https://alwaysbemoon.tistory.com/279
[리액트] 여러 개의 Component를 export하는 방법
문제 Component.js 파일에 함수형 컴포넌트 2개를 선언했다. 이 2개의 컴포넌트를 export하기 위해서 아래와 같이 작성하였는데 에러가 났다 function Component1(props){ return( 함수형 컴포넌트1 ); } const Compon
alwaysbemoon.tistory.com
참조
엘리먼트는 React 앱의 가장 작은 단위입니다.
엘리먼트는 화면에 표시할 내용을 기술합니다.
const element = <h1>Hello, world</h1>;또한 엘리먼트는 컴포넌트의 “구성 요소” 입니다.
React 엘리먼트는 불변객체입니다. 엘리먼트를 생성한 이후에는 해당 엘리먼트의 자식이나 속성을 변경할 수 없습니다. 엘리먼트는 영화에서 하나의 프레임과 같이 특정 시점의 UI를 보여줍니다.
https://ko.reactjs.org/docs/rendering-elements.html
엘리먼트 렌더링 – React
A JavaScript library for building user interfaces
ko.reactjs.org
참고한 문서
| React-slick 슬라이더 양쪽 화살표가 안보일때 (0) | 2023.01.02 |
|---|---|
| React - react-responsive ? (0) | 2022.12.16 |
| React css 깨짐현상 해결방법(bootstrap css 로 인한 전체 css 깨짐문제) (0) | 2022.12.09 |
| React 프로젝트 디렉토리 구조 (tailwind css 설치시) (0) | 2022.12.07 |
| React 에서 npm install @craco/craco 를 했을때 나오는오류 해결법 (0) | 2022.12.06 |
와
그리고
이렇게 css 가 깨짐현상이 생겼었는데 이유가 뭐지 고민하다가 import css를 잘못건드렸나해서
찾아봐서
index.js 에 있는 이부분을 주석으로 처리해주니까 원래대로 css를 적용했던것이 잘 작동 되었습니다.
| React - react-responsive ? (0) | 2022.12.16 |
|---|---|
| React 엘리먼트란 ? (0) | 2022.12.15 |
| React 프로젝트 디렉토리 구조 (tailwind css 설치시) (0) | 2022.12.07 |
| React 에서 npm install @craco/craco 를 했을때 나오는오류 해결법 (0) | 2022.12.06 |
| React - 상위 컴포넌트 , 하위 컴포넌트 [프로퍼티(props)] (0) | 2022.12.04 |