본문 바로가기
728x90
반응형

분류 전체보기238

리액트 쿼리 1 1. 리액트 쿼리 install 2. 쿼리 프로바이더 가져와서 전역에 감싸기 useQuery 의존성 배열 챙기기 const {data, isError, error, isLoading} = useQuery(["post", currentPage], fetchData, { staleTime:20000, keepPreviousData : true }) post : 쿼리 키 currentPage : 페이지네이션시 쓰이는 변수이자 의존성 배열 예제에서는 const [currentPage, setCurrentPage] = useState(1); => currentPage 가 달라지면 fetchData 호출 fetchData : staleTime이 지나면 계속 찌르는 api keepPreviousData : 이전 페이.. 2023. 9. 25.
2023.09.19, weekly memoirs weekly memoirs 출처 : https://github.com/Lee-WonJun/JDD-Description 1. 주말에 하라는 공부는 안 하고 git 서핑만 했다 JDD 오랜만에 살펴보다가 너무 어이없고 웃겨서 포크 떴다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 반면 교사 삼아 개발에 임하면 되지 않을까 싶다 근데 진짜 한 줄 한 줄 넘 웃김 ㅠㅠ + 자매품으로 이 책도 있는데 (물론 저자는 다름) https://www.yes24.com/Product/Goods/17926925 저자의 경험담 아닌 경험담이 담겨 있어 읽다보면 진짜 어이없고 웃긴데 슬프기도 하면서 웃기다 ㅠㅠ 2. 출처: JavaScript 번들러로 본 조선시대 붕당의 이해 - 재그지그의 개발 블로그 (wormwlrm.github.io) Java.. 2023. 9. 19.
2023.09.12, weekly memoirs weekly memoirs 1. 프론트 엔드 개발자들이 극혐하는 제이쿼리 요즘 제이쿼리를 보고 있다 (공부 x, 그냥 보고 있음) 자바스크립트 쓰기 편하게 만든 문법인 만큼 확실히 간단하다는 인상을 받았는데 아직 많이 보진,, 못했지만 toogle() 메서드가 넘 인상적이라고 느꼈다 react 에서는 토글 하나 관리하려면 useState 하나 만들어서 true/false 관리해주었어야했는데 (이것도 많아지면 전역으로 빼거나, 시나리오 바뀌면 또 바뀌거나 등등...ㅠ) 제이쿼리는 간단하다 그냥 id나 class 넣어주고 toogle() 걸어주면 display:none; display:block; 알아서 처리해 줌....... ($바꿀 거).css("display","flex") 이런 식으로 이벤트 안에 처.. 2023. 9. 12.
2023.09.03, weekly memoirs weekly memoirs 1. 넘나 바빴던 저번 주,,,,,,,,,,, 쓴 사회경험을 한 이번 주,,,,,,,,, 주말 동안 원인이 무엇이고 어떻게 고쳐나가야 할지 긴 회고를 했다,,, 모든 것이 경험 부족에서 나온 일이었다는 결론을 지었다 슬프고 자존심 상하는 일이었지만 당시 상황에 더 좋은 선택을 하기 위해선 적어도 지금보단 많은 경험이 필요했던 것 같다 물론,,, 아직까지도 많은 아쉬움과 후회가 있지만 담담히 받아들이기로 했다. 개발자로서 익숙해져야할 경험이었고 또 다시 생각하면 당연한 결정이었던 거 같다 나름 값비싼 경험을 했다 느낀다 지나간 일을 되짚기보단 앞으로 주어질 기회들을 놓치지 않기로 했다 부던하게 하루를 채워 살며 더 정교하고 탄탄하게 만들어야지~~ 2. 드뎌 책을 읽기 시작했다.... 2023. 9. 3.
2023.08.15, weekly memoirs weekly memoirs 1. 이 주를 훌쩍 넘긴 회고록... 그 동안 푹 쉬었다 ㅎ 주말에 뭘 안 한 게 정말 오랜만이라 좋기도 하면서도 하루 종일 누워있으려니 허리랑 머리가 아파서 고생 좀 했다 ㅎ 2. 눈을 조심하라더니 요즘 눈이 시려졌다 하드렌즈 껴서 별 걱정 없었는데 요즘 눈 피로도가 확 올라가 요즘 회사에서 안경을 쓰는 일이 많아졌다. 그리고 눈 좀만 뜨고 있어도 요즘 계속 건조함 ㅜㅜ 수시로 인공 눈물 넣으면서 살고 있다. 3. 요즘 회사에 좀 익숙해졌다고 의견 낼만한 점들을 좀 적극적으로 내는 편인데 혼자 우다다다 말하는 것처럼 들릴까봐 좀 자제하려하고 있다 개발자 중요한 능력이 커뮤니케이션이라더니 요즘 그걸 실감한다. 나도 말 잘하고 싶다 ㅠㅠ 4. 회사=>집(잠, youtube 쇼츠).. 2023. 8. 15.
2023.08.01, weekly memoirs weekly memoirs 짤 무슨 일인데 ㅠㅠㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 1. 주말에 누워있기 바쁘다 진심... 쉬는데 바쁨... 이유를 모르겠음... 금-토요일엔 정말 맛있는 거 먹으면서 티비 많이 보고 잠 많이 자고... 찐으로 쉬고 일요일엔 느즈막이 자고 일어나서 카페가서 공부했다 (멍때리기 3시간+공부 1시간) 잘 쉰 거 같은데... 일요일 저녁 정도엔 잘 쉬었나..? 하면서 고찰한다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅎ 점점 회사에 적응해가는 거 같다 초반에 적응할 수 있을까...? 하는 생각이 컸는데 (지금도 입사 초기지만) 그래도 지금은 잘 적응한 거 같다 😊 회사를 다니면서 개발자하길 잘 했다는 생각이 크게 든다 확실히 토이 프로젝트와 다르게 실무는 많이 다르다 느낀다 빠르게 구현하고 코드 퀄리티.. 2023. 8. 1.
캐스팅 animal 밑에 빨간 줄은 선언만 해놓고 안 쓴다고 빨간줄 뜸 캐스팅은 구체화 / 추상화 개념으로 받아들이는게 편함 animal이 더 넓은 개념임 dog가 더 구체화 됨 업캐스팅 animal = dog 은 가능 다운캐스팅 dog = animal 은 불가능 다운캐스팅은 불가넝 타입스크립트에도 이런 개념이 있음 리터럴 개념은 더 구체화 된 것 타입표를 보면 string / number 밑에 있음 그래서 number 타입은 10이 될 수 있지만(업 캐스팅) 리터럴 (10)타입은 number 불가넝(다운 캐스팅) 참고 https://kindjjee.tistory.com/129 2023. 7. 23.
2023.07.23, weekly memoirs weekly memoirs 1. 이거 완전 내 css 아닌지 정말 정신차리고 작성해야하는게 css 같다 진짜 쉽게 보면 안되고 꼭 풀집중하고 고쳐야 댐... 사실 css도 뭔가 기본부터 탄탄히 하고 싶은 생각이 좀 큰데 이거 공부하고 싶다하면 다들 의아해한다 ㅎ 다른 것도 공부할 게 많으니까,,,,,, 2. 구현하면서 클로저 개념을 처음 써보았다 넘 안되서 이것도 해보고 저것도 해보다 한번 썼는데 역시 안 됐지만 그래도 이론적으로 공부만하다가 처음 코드를 작성해서 뭔가 재미있었다 ㅎ 3. 12시간 13시간 앉아서 코드 치는 것보단 얼마나 집중해서 코드를 작성하고 있는가? 가 훨~~~~~~~씬 중요한 거 같다 컨디션 떨어져서 코드 치면 진짜 그 날 아무것도 구현 못함... 차라리 푹 쉬고 다음날 맑은 정신.. 2023. 7. 23.
타입 표명 vs 타입 단언 타입 표명 (type Assertion) interface Foo { bar: number; bas: string; } var foo = {} as Foo; foo.bar = 123; foo.bas = 'hello'; // 이렇게 타입을 as Foo 표명해주면 안되는 것도 가넝 let a :string = "helllllo" ":"를 사용해서 타입을 넣는 형태 타입 단언(Type Assertion) 컴퓨터보다 개발자가 타입을 더 잘 알 때 단언을 해줌 let someValue: any = "hello"; let strLength: number = (someValue).length; 혹은 let someValue: any = "hello"; let strLength: number = (someValue a.. 2023. 7. 23.
728x90
반응형