kyunghoonk00k

실전 프로젝트를 진행하며 기술적으로 막혔던 부분 1. 배열안에 key를 map 하는 방법 content와 title의 내용이 반복되는 것을 동적으로 만들어주기 const categoryArray = [ '인문', '경영 경제', '자기계발', '예술', '자연과학', '사회정치', 'IT 모바일', '소설', '에세이 시', ]; const categoryTap = [ { id: 0, title: '인문', content: data ?.filter((club: clubs) => club.category === '인문') .map((club: clubs) => { /** category에 값이 있을때 map 돌리고 없으면 없다고 출력 */ return club.category === '인문' ? ( {cl..

오늘 한 일 타입스크립트 generic react - query 404 notFoundpage globalloadingindicator scroll restoration 3강 ch03 포켓몬 도감 ------------------------------------------------------ 오늘 느낀 것 keyof 키워드와 extends로 제한을 해두어야지 런타임 이전에 타이핑을 이용해 버그나 오류를 발견할 수 있음. mutation = CUD query = R 로딩 성공 에러 idle 상태를 갖음 ------------------------------------------------------ 좋았던 점 -----------------------------------------------------..

내가 가장 신경 쓴 부분/기술 -- CRUD // 로그인 // 파일업로드(formdata) - 수정까지 // 놓친 부분들 // 개선점 // 배운점 -- react state 리렌더링하면서 store 유지하기 dom에 접촉하려면 ref ui와 스크립트 컴포넌트 분리하기 빈값 넣어주기 useState 초기값 - 런타임 에러가 남 컨벤션 정해주기 z-index 변수화 컬러 변수화 성능 최적화 권한 부여 및 토큰 확인 네트워크 확인 재사용!!!!!!!!

오늘 한 일 타입스크립트 6강 7강 ------------------------------------------------------ 오늘 느낀 것 자바스크립트는 다이나믹 타입이라 런타임시 오류가 남 타입스크립트는 스태틱 타입이라 개발 도중에 오류가 남 any vs unknown what is never? 아무것도 아닌 type? 같거나 서브 타입인 경우, 할당이 가능하다 => 공변 함수의 매개변수 타입만 같거나 슈퍼타입인 경우 할당이 가능하다 => 반병 // 헷갈림 유니온타입, 튜플 Aliasing vs interfaces 다른점 merging interface // union type은 type aliasing 으로** // type aliasing = 타입을 부르는 이름 vs interface = ..

오늘 한 일 css최종 정리 및 배포 ------------------------------------------------------ 오늘 느낀 것 state 리렌더링 계속 생각하기 ------------------------------------------------------ 좋았던 점 실전 시작하자 ------------------------------------------------------ 개선점 리액트에서자바스크립트 쿼리셀렉터 쓰지않기 dom에 접촉하려면 ref ui와 스크립트 컴포넌트 분리하기 빈값 넣어주기 useState 초기값 - 런타임 에러가 남 이름 컨벤션 정해주기 z-index 변수화 컬러 변수화 성능 최적화 ---------------------------------------..

오늘 한 일 main완료 // 오늘 느낀 것 컴포넌트를 왜 나누어야하는지 왜 각 요소를 나누어서 재사용해야 하는지 이해가 된다 다시 돌아가지 못하도록 replace:true navigate안에 좋았던 점 컴포넌트를 나누어야하는지 깨달음 동적인 요소는 맵으로 .. 개선점 시간이 더 있었다면 슬라이드나 페이지네이션 구현해보고 싶다. 내일 할 일 발표준비 및 배포

오늘 한 일 상세페이지 작업 tab쓰는 방법 상기하기 오늘 느낀 것 tab은 jquery보다 살짝 까다롭다 modal은 훨씬 쉽다 좋았던 점 UI적인 부분은 크게 다를 것이 없다 === jQuery로 했던건 거의다 가능하다 개선점 안 쓴지 쫌 되니까 기억이 안 난다 제이꿔리도 proxy서버 금지 ,, map 돌릴때 state 없으면 예외처리 내일 할 일 검색 기능

오늘 한 일 포스트하기 수정하기 삭제하기 상영시간 올리기 삭제하기 오늘 느낀 것 Link 로 state 내려줄때 수정/삭제 {/* */} ------------------위처럼 쓰면 null 값 수정/삭제 {/* */} application에 들어있는 토큰명이랑 내가 가져토큰명이랑 일치 좋았던 점 개발자도구에서 네트워크를 봐야하는 중요성 개선점 스펠링이나 s같은거 빼먹는거 잘 확이하자 내일 할 일 상세페이지 작업

첫 협업을 진행하며 느낀 아쉬운 점, 뿌듯한 점 10.20~27 일주일동안 미니프로젝트를 진행했다. 약 한달간 배운 리액트를 기반으로 백엔드 분들과 협업을 처음 진행해 봤는데 일주일간 느꼈던 점을 간단히 기술해보겠다. 프로젝트간 느꼈던 뿌듯한 점으로는 한달간 배운 리액트를 적용하며 백엔드분들과 통신 되었을 때 느꼈던 희열감이다. 짧은 시간동안 밤낮으로 몰입하며 배운 기술들이 제대로 적용되었다는 것이 상당히 뿌듯했다. 또한 백엔드분들과 얘기하며 정한 API를 통해 CRUD가 제대로 이루어지는 것이 좋았다. 그럼에도 불구하고 일주일간 뿌듯한 점보다는 아쉬운 점이 많은게 사실이다. 첫번째로는 주어진 API명세서의 URL들과 각 키값들을 제대로 확인하지 않아 서버에 연결했을때 제대로 통신이 이루어지지 않은 점이..

오늘 한 일 오전 - 영화 등록 페이지 // 수정 페이지 만들기 오후 - 서버 통신 완료후 // 로그인 & 중복 검사// 회원가입 오늘 느낀 것 포스트도 이해되어간다 좋았던 점 포스트도 이해되어간다 개선점 포스트 완전히 이해 되어간다 내일 할 일 포스트하기 수정하기 삭제하기