728x90 분류 전체보기153 39. 레이아웃 폴더구조 분리 및 Hidden 영역 설정 index로 하는 이유 여기가 시작이구나! 라고 볼 수 있음 style={{}} 중괄호가 2개인 이유 특정한 페이지에서 Layout을 안보이게 하려면? hidden pathname = route 서로 같다 해당하는 곳은 헤더가 안보임 응용 ApolloSetting 분리 apollo설정 파일 추가 props.children으로 들어감 저장을 누르면 줄이 바뀌는 것을 많이 봤는데 이것을 무시해 달라는 코드는? // prettier-ignore Apollo = Graphql API를 도와주는 도구 글로벌스타일 및 폰트 적용 CSS: Cascading Style Sheets Cascading = 폭포 위에서부터 아래로 내려가면서 적용이 된다 Not은 폰트를 가져오는 것인데 늦게 뜨는 이유로 이슈가 있었다 FOI.. 2023. 2. 14. 35. 라이브러리 - Daumpostcode, modal 주소 npm - react-daum-postcode yarn add react-daum-postcode onComplete처럼 처음보는게 있으면 npm에서 만든 것 모달을 종료하는 2가지 방식 2023. 2. 14. 28. board comment 댓글 이 게시글에 달린 댓글 - 아이디가 필요함 댓글 불러오기 댓글을 작성하면 다시 가져와야 작성한 댓글이 뜨므로 refetchQueries를 사용한다 Map으로 불러오기 공통 기능, 공통 모듈, 공통 라이브러리 삭제 refetchQueries 사용 게시글에 달린 댓글 리패치 하기 2023. 2. 14. 25. board edit page const [isActive, setIsActive] = useState(false); = 활성화 유무 has, is = boolean 타입 현재 수정을 하면 빈 값으로 바뀐다 = state가 빈값이기 때문 변경한 것만 뮤테이션 날리기 디폴트 값을 넣는다? 초기값을 말한다(수정가능) defaultValue 처음에만 보여지는 것 벨류 값을 넣는다? 고정되는 값을 말한다(수정 불가능) Value 어디서 fetchBoard를 하는게 좋을까? 둘 다 가능하지만 = 2번에서 한다 수정을 하면 다시 빈값이 나타난다 useState가 빈값이기 때문 2가지 방법 2번이 좋다 mutation할 때, 변경된 값만 백엔드 전송해주기 드래그 한 것을 지우고 myvariables를 넣으면 된다 2023. 2. 14. 24. 수정/등록 페이지 컴포넌트 재사용 isEdit를 적을 때 -> isEdit={isEdit}라고 적으면 사진에 있는 const isEdit = “asdf”가 되어서 props.isEdit라고 적어야 한다 (qqq)왼쪽은 바꿔도 된다 = isEdit로 시작해서 계속 isEdit로 보내야 한다는게 아니다 그래도 같게 맞추는게 좋으니 isEdit를 쓴다 뚫고 들어가기 때문에 props drilling이라고 한다 계속 사용하는건 좋지 않음 연습용으로는 좋음 {props.isEdit ? "수정하기" : "등록하기"} 등록/수정화면 컴포넌틑 재사용 - router 연결 수정하기를 클릭하면 수정하기가 아닌 등록하기로 되어있음 맨 오륵쪽 위 폴더에 isEdit가 없음 없어서 undefined가 된다 undefined = false가 되어서 등록하기가 보.. 2023. 2. 14. 15. 동적 라우팅 및 예외처리 렌더링 = 그려줘 조건부 렌더링 = 조건에 맞게 그려줘 정적, 동적 라우팅 pathname와 route는 예전에는 달랐는데 같아졌다(100% xxx) 실제주소와 폴더주소 try ~ catch 예외처리 시도 실패 2023. 2. 14. 이전 1 ··· 11 12 13 14 15 16 17 ··· 26 다음 728x90
