TIL

만약 더미데이터를 만든다고 한다면 변수 안의 key이름을 처음에는 대문자로 할 건지, 소문자로 할 건지 서버 계발자분들과 이야기해서 맞춰야 한다.input창에 글자를 입력하는 순간\[object, Object]로 바뀌었다..!이런 경우 어디선가 문자열이 배열로 바뀌고

'Call' : 부르다, 호출(실행)하다. 'back' : 뒤돌아오다, 되돌다 되돌아 호출해달라 라는 뜻! 어떤 함수X를 호출하면서 '특정 조건일 때, 함수Y를 실행해서 알려달라'이 요철을 받은 함수X는 해당 조건이 갖춰졌는지 여부를 판단 한 후 함수Y를 직접 호출한다

주문서 같은 개념이다.만약 true 값을 false값으로 바꾼다던지, user.name을 '철수'에서 '길동'으로 바꿀 때 변경할 내용을 적는 곳이다.로그인을 했을 때 state값을 true 하고, 로그아웃을 했을 때 false로 값이 변경되는 동작을 만들어 보자.주문

chrome에서 redux dev tools를 설치해도 안 나오는 경우가 있었다.그럴 때에는설치해주고임폴트를 하고그럼 처음에는 안 나오는 창이 나오게 된다!!구글링 해보니 여러 방법들이 나와있지만 이 방법이 제일 간단한 것 같다!출처 : https://seun

리액트는 컴포넌트로 이루워져있다.컴포넌트란?화면에 있는 Input 하나, 버튼 하나하나가 컴포넌트이다. 만약 React로 볶음밥을 만든다고 한다면 당근 컴포넌트, 양파 컴포넌트, 밥 컨포넌트 가 나눠진 상태에서 하나의 볶음밥이 만들어진다고 생각하면 된다.컴포넌트에도 종

비동기 실행 방식에서 동기 실행 방식으로 변경해주기 위해서 async/await이 필요한 것이다.둘 다 동기 통신을 위해서 사용한다.만익 await가 없다면 updateBoard가 비동기 처리를 하는동안 기다려주지 않고 바로 다음 줄로 넘어가기 때문에 DB에 저장되기

같이 스터디하는 분이 물어보셨던 건데 div에 nth-child()를 사용해서 각각 다른 색상을 채워야 했다.하면 될 거라고 생각했다.하.지.만예상으로는 color\_\_container-colors 안에 4개의 color\_\_container-color가 각각 순서

물론 다 그런 건 아니지만 만약 500에러가 뜨면 변수명이나 key값이 동일한지, 올바른 key값을 적었는지 확인하기. 500에러 뜰리가 없는데 떠서 '왜지..'했는데 props로 불러오는 key값을 잘못 적었다ㅎㅎ (엣큥-!) //g // : 뒤에 g가 붙으면 문

출처: 모던 자바스크립트 Deep Dive

여러 컴포넌트가 있고, 각 컴포넌트들이 공유할 수 있는 global state가 있다고 가정해보자.만약 Apollo-client로 global state를 만들게 된다면 Apollo-Cache라는 곳에 state값이 저장된다.예를들어2번 컴포넌트에서 UseQuery를

react-hook-form과 yup으로 작성했다.input창에 값이 올바르게 다 들어오면 버튼 배경색을 테마색으로 채워주고 싶었다.state와 onChange함수로 했을 때는 값이 들어와 있는지 없는지 알 수 있었는데,react-hook-form으로 적었을 때는 값이

같이 스터디 하시는 분의 도움이 아니였다면ㅠㅠ 이 차이를 모르고 무지한 존재로 살았을 것이다ㅠㅠ 정말 감사함둥🥺 내가 선택한 태그 그 자체!만 선택이 된다. div1 위에 div2가 있고, div2위에 div3있는 상황이다.event.target은 부모로부터 이벤트가

출처: https://www.npmjs.com/package/@faker-js/fakernpm i @faker-js/faker가짜 데이터를 만들어주는 라이브러리이다.하드코딩으로 하면 시간도, 코드 길이도 길어지기 때문에 간편하게 사용이 가능하다.faker라이브

화면에 1~10까지 적은 후 11을 입력했지만 11을 볼 수 없었다. 왜냐하면 스크롤 기능이 들어가 있지 않기 때문이다. react-native에서는 scroll기능을 추가해줘야 한다.<View>를 비록한 컨테이너 요소에 스크롤이 가능한 속성을 제공한다.<S

https://reactnative.dev/docs/flatlist_ > ### `와 `의 차이점 둘다 'react-native'에서 기본적으로 제공되는 기능들이다. 데이터가 화면 밖을 벗어났을 때 스크롤 기능이 작동되는 기능들이지만 차이점이 있다. ``는 모든

1. ImgaeBackground > 웹 css의 object랑 같은 개념! 이미지를 화면크기에 맞게 꽉차게 보여줄지, 반복해서 보여줄지 등 설정하는 것! > ImageBackground컴포넌트는 style={}도 적용할 수 있고, imageStyle={}도 적용할