kyunghoonk00k

Infinite Carousel 문제상황 맨 끝 배너에서 첫 번째 배너로 넘어갈 때 자연스럽게 넘어가지 않고 역재생 되는 듯한 애니메이션 발생 문제원인 transition + 양 끝 이미지에 추가적인 이미지가 없기 때문에 처음으로 돌아감 때문에 역재생 애니메이션 발생 문제해결 배너 양 끝에 데이터를 복사해 주고 끝 배너에서 첫 번째 배너로 넘어갈 때 transition을 없애줌 해결결과 해당 하는 이미지의 개수만큼 배너 이벤트가 이루어 지기 때문에 자연스럽게 넘어가는 애니메이션이 생김

이번주 간 진행했던 작업 중 가장 고민했던 부분은 헤더 서치부분에서 모임을 검색했을때 좌측 작은 부분을 mousehover했을때 우측에 자세한 내용이 보여지게 되는데 좌측 부분에서 마우스를 떠나 우측에 마우스를 올렸을 때 보여지는 것이 유지되지 않는 이슈가 발생했었다. 이를 해결하기 위해 2가지 방법을 썼었는데 1. useState를 통해 마우스 이벤트 true , false로 class 명을 유동적으로 변하게 했으나 우측 박스들이 겹쳐서 나오는 이슈가 생겼었다. 2. css hover시 transition을 주기위해 opacity0 -> 1 로 주었었는데 이를 display none -> block을 주어 유지되지 않는 이슈를 해결했다.

실전 프로젝트를 진행하며 기술적으로 막혔던 부분 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..

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

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

오늘 한 일 axios && redux toolkit 적용해보기 코딩알려주는 누나 강의 듣기 React 심화 학습 자료 오늘 느낀 것 Redux toolkit 적응하기 클론코딩 reducer 파일들은 합쳐서 store로 보내라(combineReducers) import rootReducer from "./reducers"; // index파일 자동으로 읽어옴 좋았던 점 Redux, React 프로젝트 이해가 되어간다 개선점 확실하게 이해는 안 된다 컴포넌트 쪼개는 방법알아가기 Redux toolkit 적응하기 미들웨어 사용법 적응하기 내일 할 일 오전 시험 axios && redux toolkit 적용해보기 코딩알려주는 누나 강의 듣기 React 심화 학습 자료 개발자모드vs프로덕션모드 환경변수 공부하기..

2022.10.03 입문주차 개인 과제 완료 --- 손코딩 반복 딥러닝 끝 JS스터디 2022.10.05 JS스터디 리액트 기초강의 인프런에서 듣기 -- 완료 벨로퍼트 문서 보기 -- 진행중 패스트캠퍼스 + 노마드 리액트 --- 위에 두개 끝내고 여유되면 입문주차 개인 과제 완료코드 이해하기 // 손코딩 반복 -- 완료 2022.10.06 오전10시 시험 벨로퍼트 문서 보기 -- 진행중 노마드 리액트 + 드림코딩 + 패스트캠퍼스 강의 듣기 (매일) 옵셔널 체이닝 개념 정리 퇴직금, 강의환불 완료 2022.10.07 벨로퍼트 문서 보기 -- (매일) 드림코딩 + 노마드 리액트 + 패스트캠퍼스 강의 듣기 (매일) 노마드 실전형 리액트 hook 완강하기 주특기 학습 자료 -- Redux 2022.10.08 벨..

09.26 알고리즘 테스트 29 ~ 33 React.js 기초 듣기(4강부터) java, c++ 과제 제출 09.27 React.js 기초 10강 O 알고리즘 모의고사 O 10가지 배열 함수들 O 09.28 스터디 준비하면서 function 다시 공부 O 인공지능 딥러닝 컴c 듣기 O DOM구조 이해 유튜브 O DOM구조 이해 - 정리하기 O flex와 grid -정리하기 O Flex 연습 게임 - Flexbox Froggy O 09.29 오전 알고리즘 손코딩 O 알고리즘 테스트 O flex와 grid 유튜브 O 스터디 228p까지 O 09.30 주특기 입문 완강 팀프로젝트 완료 스터디 준비 228까지 입문주차 개인 과제 10.01 패캠 react 김민태개발자님 강의 듣기 o react기초 강의 듣기 o..

09.19 항해 99 1일차 시작 조원 분들과 프로젝트 기획 SA작성 웹퍼블리싱 완료 역할분담완료 웹개발plus강의 시청 - 웹 동작 구조 09.20 항해 99 2일차 각 페이지 개발 중 - 글 작성 - 글 목록, 글 검색 개발 완료 후 깃헙 커밋 완료 웹 개발 플러스 강의 완강 09.21 항해 99 3일차 취합 후 오류부분 수정 및 업데이트 상세페이지 정리 파비콘 작업 09.22 항해 99 4일차 취합 후 오류부분 수정 및 업데이트 서버 업로드 로그인 보안기능, 로그아웃, 로그인 시 화면에 유저 토큰가져오기 수정 중 JWT정리, API정리 필요.. CSS 정리 JAVA 2강 , 3강 시청 -- Java 프로그램의 구조, 주석, 식별자, 키워드, 자료형 // (2강) 어렵지 않음 // 문자열과 형변환 변..