나만의 깍두기판

Context API란?- 리액트의 내장 API(16버전 이상)중 하나로 Props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있도록 도와주는 API Props의 드릴링이란?- A.jsx ~ Z.jsx까지 있다고 가정할 때 부모(A 컴포넌트)부터 최하위 자식(Z 컴포넌트)까지 Props를 보내는 과정을 드릴링이라고 한다. Context API는 언제 사용할까?- 변화가 없는 것, 즉 다크모드/화이트 모드 등 값이 선언되어 있는 상태로 변화가 없는 상태의 변수를 지정한다.- context는 상태를 변화시켜주는 기능이 아니다. Context의 단점- Provide 컴포넌트는 Value를 Props로 받아서 하위 컴포넌트에게 전달한다.- 이 과정에서 Value가 업데이트 되었을 때 리랜더링이 ..

https://npmtrends.com/ npm trends: Compare NPM package downloadsWhich NPM package should you use? Compare packages download stats, bundle sizes, github stars and more. Spot trends, pick the winner.npmtrends.com우리가 react를 배워야 하는 이유... react가 많은 비율을 차지하고 있음.이미 만들어져 있는 프로젝트들이 대부분 react기 때문에 react를 배워야 함.그렇다고 vue와 angular가 react보다 극도로 좋냐? 그건 아니다. 이미 많은 것들이 react고, vue와 큰 차이가 없기 떄문에 굳이 비용을 넣으며 바꿀 필요성..

1. 레이아웃의 첫 번째 기술: 여백 1) 여백: UI에서 사용되는 모든 빈 공간-사용자로 하여금 어디에 중점을 둬야할 지 구분해줌 2) 여백을 주는 방법- UI에 일관성을 주어 예측 가능하도록 만들어주는 역할을 하는 것이 여백- 여백을 정리해 일관성을 주었다면, 의도적으로 여백에 차이를 두어 위계를 줄 수 있음(특히, 근접성의 원리)* 근접성의 원리: 가까울수록 더 관련이 있다고 느낌   - 특정 요소 주변에 영역이 많을 경우, 해당 요소에 집중되는 경향이 있음    3) UI에 여백 적용하기- 간격규칙, 보통 9의 배수로 간격 규칙을 정한다.https://www.codeit.kr/tutorials/109/spacing-systems 간격 규칙 | 코드잇간격 규칙이라는 건 뭐고, 또 왜 필요한 걸까요?..

1. 영역 중심으로 바라보기 레이아웃: 요소들을 화면에 배치하는 작업 좋은 레이아웃을 만들기 위해1) 영역에 대한 이해2) 레이아웃의 세 가지 기술 모든 페이지는 정말 작은 단위까지 논리적으로 쪼개짐   2. 영역 시각적으로 드러내기- 영역으로 나누기구분하고자 하는 정도에 따라 세 단계로 나뉜다.이 중에서도 가장 강하게 특정 영역을 나타내는 방법은 카드영역 내부를 칠하거나, 주변 테두리를 통해 영역을 아주 명확하게 드러내는 방법  - 나눈 영역을 드러내기

https://www.codeit.kr/community/questions/UXVlc3Rpb246NjY5MGExNjFhZDI3NDUzODc2YWI2NjAz shift a 누르면 중앙정렬이 안됩니다shift a 하고나면 저 이미지가 계속 왼쪽에 붙는데 왜 그러나요?www.codeit.kr1. autto layout을 했을 때 중앙 정렬이 안될 때  생길 때마다 추가 예정

---초대 보내기 ---초대 받기---레포지토리 fork

패키지 관리툴- 라이브러리들을 관리하고 설치할 수 있는 도구npx, npm, yarn, yarn2, 3(yarn berry) npm- node에서 기본적으로 내장되어 있는 패키지 관리 툴 라이브러리 설치npm install 라이브러리명npm i 라이브러리명 라이브러리 삭제npm remove 라이브러리명npm rm 라이브러리명 yarn- 과거에는 npm보다 속도, 안정성, 보안이 모두 뛰어나서 이목을 끌었지만, 현재는 크게 차이가 없다.  yarn을 설치하기 위해서는 실행규칙을 바꿔주어야 한다.Windows PowerShell을 우클릭해서 관리자 권한으로 실행한다. 명령어1) get-ExecutionPolicy2) set-ExecutionPolicy RemoteSigned3) 권한 변경, y입력 후 엔터 ..

아래의 창이 뜰때까지 다음을 누른다  클론도 해올 수 있음