개인적으로 이 부분이 헷갈려서 기록해두고 싶었다 !

🚨 이 글은 오직 S3 배포 자동화 방법만 기술해두었습니다. 1. AWS IAM 생성 s3에만 권한을 주거나 full로 권한을 주어도 된다 2. Github setting -> actions -> secret AWSACCESSKEY_ID AWSSECRETACCES

필요한 부분만 정리했습니다...!여러 상태에 연관된 컴포넌트들을 유기적으로 관리할 수 있다.getter 는 필수적으로 가지고 있고,setter 는 선택적으로 정의할 수 있다. 출처 : https://youtu.be/0-UaleJZOw8 김현태님의 발표자료Rec

개인의 추측과 지식이 함께하는 글 입니다.저의 추측이 잘못되었다면 댓글로 피드백 부탁드립니다!Eric Meyer가 개발한 styled-components를 Reset CSSnpm i styled-resetyarn add styled-resethttps://ww

Atom은 상태(state)의 일부를 나타낸다. Atoms는 어떤 컴포넌트에서나 읽고 쓸 수 있다. atom의 값을 읽는 컴포넌트들은 암묵적으로 atom을 구독한다. 그래서 atom에 어떤 변화가 있으면 그 atom을 구독하는 모든 컴포넌트들이 재렌더링 되는 결과가 발

내가 몰랐던 부분만 정리mdn, web.dev 참고CSS는 Cascading Stylesheets의 약자입니다. 캐스케이드는 여러 CSS 규칙이 HTML 요소에 적용되는 충돌을 해결하기 위한 알고리즘입니다. 1️⃣ 위치 및 표시 순서: CSS 규칙이 표시되는 순서2️⃣

내가 몰랐던 부분만 정리속성 선택자특정 HTML 속성이 있거나 HTML 속성에 대한 특정 값이 있는 요소를 찾을 수 있습니다. 대괄호\[]로 묶어 CSS가 속성을 찾도록 지시합니다.예시이 CSS는 primary 값을 가진 data-type 속성이 있는 모든 요소를 찾는

more performanceSEO

https://nomadcoders.co 에서 강의를 듣고 정리한 내용 입니다.요소를 선택했을 때 click 이벤트를 발생시킬 수 있다. useRef useRef 는 기본적으로 우리가 component의 어떤 부분을 선택할 수 있는 방법이다. document.

https://nomadcoders.co 에서 강의를 듣고 정리한 내용 입니다.

https://nomadcoders.co 에서 강의를 듣고 정리한 내용 입니다. button tab과 비슷하다고 생각하면 된다!

https://nomadcoders.co 에서 강의를 듣고 정리한 내용 입니다. 1. use Input이란? input을 업데이트한다. 2.

1. useRef란? > DOM을 변경할 때 사용한다. 특징 컴포넌트 내부에서만 작동한다. 사용 예시

redux state에서 component에 props로 전달한다. getStore와 같은 역할액션을 dispatch 하는 함수를 만들어서 props로 보낼 수 있다. 위 두 함수를 이렇게 내보낸다. 주의할 것은 (mapStateToProp, mapDispatchToP

자바스크립트에서 state를 관리할 수 있게 해주는 상태관리 라이브러리이다. React 등 여러 라이브러리에서 사용할 수 있다. 나는 리액트에서 사용하려고 공부한다..!npm install reduximport { createStore } from "redux";con

Context API와 유사한 context hookConsumer 컴포넌트를 사용하지 않아도 된다. useContext로 전달한 인자는 context 객체 그 자체여야만 한다. context 객체(React.createContext에서 반환된 값)을 받아 그 cont

context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이러한 값을 공유하도록 할 수 있습니다.

1. useEffect란?

세션과 쿠키는 사용자의 신원 또는 사용자의 정보를 저장하기 위한 수단이다. 로컬 컴퓨터가 아닌 브라우저에 저장된다. 아이디, 비밀번호를 저장할 때 주로 사용한다.로그인 상태 유지수정이 가능하다. 일반적으로 만료기간을 설정하고 개발한다. 만료기간 이후에 정보가 사라진다

useState는 state를 함수 컴포넌트 안에서 사용할 수 있게 해줍니다. 항상 2개의 value를 return한다. const item, setItem = useState(1);하나의 value만 return할 수 있다. const item = useState(1