profile
주니어 개발자 승미니의 공부 기록

[Recoil] FEConf Korea 강의 듣고 정리

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

2022년 6월 22일
·
0개의 댓글
·

[Css] styled-reset에 대하여

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

2022년 6월 22일
·
0개의 댓글
·

[Recoil] atom , selector 간단하게 정리

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

2022년 6월 22일
·
0개의 댓글
·

[Css] Cascade

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

2022년 6월 21일
·
0개의 댓글
·

[Css] selector

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

2022년 6월 21일
·
0개의 댓글
·

[Next.js]

more performanceSEO

2021년 11월 22일
·
0개의 댓글
·

[React] CustomHook 👉 useClick

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

2021년 7월 10일
·
0개의 댓글
·

[React] CustomHook 👉 useTitle

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

2021년 7월 10일
·
0개의 댓글
·

[React] CustomHook 👉 useTabs

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

2021년 7월 10일
·
0개의 댓글
·

[React] CustomHook 👉 useInput

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

2021년 7월 10일
·
0개의 댓글
·

[React] Hook 👉 useRef

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

2021년 7월 7일
·
0개의 댓글
·

[Redux] 정리

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

2021년 6월 26일
·
0개의 댓글
·

[Redux] 시작하기

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

2021년 6월 19일
·
0개의 댓글
·

[React] Hook 👉 useContext

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

2021년 6월 19일
·
0개의 댓글
·

[React] Context

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

2021년 6월 16일
·
0개의 댓글
·

[React] Hook 👉 useEffect

1. useEffect란?

2021년 6월 15일
·
0개의 댓글
·

[Web] 세션과 쿠키

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

2021년 6월 14일
·
0개의 댓글
·

[React] Hook 👉 UseState

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

2021년 6월 13일
·
0개의 댓글
·

[React] Hook 시작하기

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는

2021년 6월 13일
·
0개의 댓글
·

[TypeScript] Function

함수의 매개변수도 optional 로 지정할 수 있다. 기본 매개변수가 항상 앞에 있어야 한다. optional 매개변수가 매개변수 보다 앞에 올 수 없다.Defalut 값을 지정할 수 있다. 동일한 매개변수라도 타입을 다르게 줄 수 없다. (js에서는 가능)오버로드를

2021년 6월 12일
·
0개의 댓글
·