본문 바로가기

전체 글168

230202 input을 따로 컴포넌트를 만들었었는데 가독성이 떨어지는것 같아 조금 고민이다. Input 컴포넌트 고작 이것뿐인데 const Input = ({ type, name, label, options }: { type: string; name: string; label: string; options: {} }) => { return ( {label} ); }; 너무 많은 prop때문에 더 복잡해진게 아닌가 싶기도 하고... 모달 컴포넌트가 너무나 더러워졌다... 근데 label과 input을 분리하지 않더라도 저렇게 복잡하게 attribute가 붙을텐데, 상태 {stateSelect?.map((option) => ( {option} ))} 내용 저장 navigate('/')}> 취소 우선 모달쪽 완성 후 수.. 2023. 2. 2.
230201 모달 컴포넌트를 재활용하고 싶었다. searchParams를 통해 add일때와 edit일때를 구별해서 가져오게 하고 싶었는데, useQuery가 훅이다 보니까, 쉽지가 않았다. react-router-dom을 사용할 경우에도 get메서드를 사용하는건 같길래, 커스텀 훅으로 만들어서 사용하려고 했다. import { useEffect, useState } from 'react'; interface AnyObj { [index: string]: string | null; } const useSearchParams = (arr: string[]) => { const [newObj, setNewObj] = useState({}); //변수명 네이밍에 신경쓰지못했다ㅠㅠ useEffect(() => { const .. 2023. 2. 2.
230130 2월이 되기 전, 이전의 이력서를 갈아 엎기로 했다. - 나는 떨어졌는데 다른 사람은 붙은이유는 무엇일까? 회사가 원하는 인재가 아닌 것도 있지만, 너무 뻔한 이력서여서 그런게 아닐까? 계속 밭 갈듯 이력서 포맷을 갈아엎은지 3번째인데 이게 무슨 의미가 있나 싶기도하고 그렇긴한데 노력해야지뭐... 안되는데 이유가 있는 법이다. - 지금 나의 문제점은 무엇일까 나의 장점은 무엇일까 하면서 다시 수정할 부분을 생각중이다 - 이전에 사놓았던 이력서 강의를 듣는데 이게 2020년꺼여서 맞는 지는 모르겠지만 흐름을 가져가려고 보고있다...근데 많이 길다 모던 자바스크립트 읽기를 다시 시작하기로 했다. -원티드 그거 들으면서 잠깐 멈춰두었던 모던자바스크립트를 한단원씩 읽을 예정이다(너무 길면 잘라서 올려야지) 읽는.. 2023. 1. 30.
[React]컴포넌트 재사용성 높이기!(컴포넌트에 각각 다른 attribute 설정하기) label+input을 따로 컴포넌트로 빼고 싶어서 재사용성을 고려하면서 코드를 작성하던 중 각기 다른 input의 attribute에 대해 생각을 할 수 밖에 없었다. input인 경우 attribute로 컨트롤을 할 수 있는데, 각 요소마다 attribute가 다르고 공통적으로 적용할 수 없을 때는 어떻게 해야할지, 컴포넌트로 따로 빼지 않고 때려박아서 컨트롤을 해야할 지, 고민하다가 뭔가 방법이 있을 것 같아 검색을 하게 되었다. 검색을 한 결과, 객체에 원하는 값을 넣고 ... 연산자를 사용하면 해결! 코드로 예를 들게 되면 //임의로 작성함 ------ const Input = ({ type, name, label, options }: { type: string; name: string; lab.. 2023. 1. 27.

티스토리툴바