kyunghoonk00k

한 번에 끝내는 React의 모든 것 초격차 패키지 강의를 수강하고 나니, React에 대한 이해도가 확연히 높아져 마치 강력한 개발 도구를 손에 쥔 것 같은 자신감이 생겼습니다. 간결하면서도 심도 깊은 내용 전달은 초보자도 따라갈 수 있도록 친절하게 설명되어 있어 높은 학습 효율을 경험할 수 있었습니다. 강의가 제공하는 다양한 실습과 프로젝트 기반 학습은 이론적인 지식을 넘어 실제 개발 상황에서의 적용 능력을 키우는 데 큰 도움이 되었습니다. 특히, 최신 React 기능인 Hooks와 Context API를 활용하는 방법을 배우고 직접 적용해보며, 더욱 유연하고 효율적인 컴포넌트를 설계할 수 있게 되었습니다. 이번 강의를 통해 제 목표였던 React 기술 스택을 갖추고 프론트엔드 개발자로서의 역량을 강..

1. 시간복잡도와 공간복잡도가 무엇인지 설명해주실 수 있을까요? 시간복잡도: 알고리즘의 절대적인 실행 시간을 나타내는 것이 아닌 알고리즘을 수행하는 데 연산들이 몇 번 이루어지는 지를 숫자로 표기 공간복잡도 : 프로그램을 실행시킨 후 완료하는 데 필요로 하는 자원 공간의 양 2. 스택, 큐에 대해 설명해주실 수 있을까요? 스택(stack)이란 어떠한 자료를 쌓아서 올려놓은 형태의 자료구조입니다. 책상에 쌓여있는 책들이나 싱크대의 접시를 예시로 들 수 있습니다. 📝 스택의 특징 스택은 위의 그림과 같이 아래에서 위로 쌓이는 형식이며 가장 최근에 들어온 자료를 top이라고 부릅니다. 뻥튀기를 꺼낼 때 가장 아래쪽의 뻥튀기를 꺼내려면 위에서부터 차례대로 뻥튀기를 꺼내야 하는 것처럼 가장 위쪽(최신)의 데이터부..

오늘 한 일 react 기초 1~30 ------------------------------------------------------ 오늘 느낀 것 react 기초 지식 다시 잡는 것이 중요하다. ------------------------------------------------------ 좋았던 점 이걸 왜 이렇게 쓰지? 라는 것을 다시 잡고 갈 수 있었다. ------------------------------------------------------ 개선점 기초만 봤는데도 모르는 점이 많고 부족하다. ------------------------------------------------------ 내일 할 일 react 공식문서, 디테일 (고급) 강의 완료 -------------------..

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

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

MVP 중간발표 회고록 (복사용) 1. MVP 중간발표 자료 2. 스택별 트러블슈팅 기록 로그인이 안되어 있을때 디테일 페이지 접속 - 로그인 에러 번호에 따른 예외 처리 중복 모임 가입 에러 - 백엔드 처리 3.중간발표 질문/피드백 기록 4. 중간 발표 후 회고 반응형 도입 — 모바일ver -- 다소 어려울 수 있다 보안 강화 — https infinite carousel -- 도전 infinite scroll — 모바일ver -- 도전 검색, 좋아요등 서버에 부하가 올 수 있는 api call 최적화 -- 현재 프로젝트 단위에서 고려할 사항인가? 이미지 용량 최적화 -- 최적화 되면 좋음 채팅에서 이미지 전송 기능 추가 -- 가능하면 좋음 후기 기능 -- 도입 예정 api instance -- 도전 ..

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 === '인문' ? ( {club.clubName} {club.summary}..

오늘 한 일 모임 가입 버튼시 모임 가입 되고 이미 가입한 그룹이면 가입 안되게 막아두는 기능 ------------------------------------------------------ 오늘 느낀 것 통신 될 때 기분은 늘 좋다 key type error 아직 해결 못함 ------------------------------------------------------ 좋았던 점 하나 씩 해결 해 간다 ------------------------------------------------------ 개선점 get 요청 3개 정도 남음 ------------------------------------------------------ 내일 할 일 css 정리하기

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