본문 바로가기

전체 글121

TIL 76일차(2023-08-30) 코드 리펙토링의 중요성 1. 클러스터 기능 완성 2. 클러스터 오류 문제 해결 3. SearchList , GlobeCluster, Post, Globe 부분 리펙토링 [면접 질문] 동기와 비동기의 차이에 대해 설명해주시고 비동기프로그래밍의 필요성에 대해 답변해주세요. 대답: 동기 작업은 요청 즉시 결과를 반환하지만, 비동기 작업은 결과가 나오기 전에 다른 작업을 수행해도 됩니다. 비동기 프로그래밍이 없으면 정보를 렌더링 하는데 그 정보를 불러오느라 다른 기능을 수행하지 못할경우 프로그래밍이 매우 비효율적이며 고정 적으로 발생할 것이기 때문에 비동기 프로그래밍은 필요하다. [Trobule Shotting] [문제점] 1. click 을 하여 Detail 페이지를 가는데 my를 갔다가 다시 검색 칸으로 와서 click을 하니 코.. 2023. 8. 30.
TIL 75일차(2023-08-29) 클러스터 기능 완성 + SearchList My페이지 1. 클러스터 기능 완성 2. 클러스터 캐싱 작업 완료 3. SearchList가 myPage일때 Router가 아닐때 작업 완료 4. className 대신에 ref 사용 [면접 질문] Javascript의 호이스팅에 대해 설명해주세요. 대답: 호이 스팅이란 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 하며 var과 함수의 경우는 호이스팅이 되어서 실행문이 선언문 보다 앞에 있어도 작동이 잘하며 실행 컨텍스트 내부에서 변수 let과 상수 const의 경우 호이스팅이 안되는 것처러 보이지만 호이스팅이 되어서 undefined가 나타나게 됩니다. [Trobule Shotting] [문제점] 1. cluster 관련하여 자료들이 렌더링이 될때 2번씩 겹쳐져서 에러가 발생한다. 2. map.. 2023. 8. 29.
TIL 74일차(2023-08-28) 무한 스크롤(완성) + 클러스터 기능 작업중 1. 무한 스크롤 setTimeOut을 사용하여 MVP 기능 완성 2. 면접 질문 3. STYLE 관련 해결 4. 클러스터 자료 조사 5. CRA 관련 ENV 설정하기 6. BLUR 처리하기.. [가장 인상 깊었던 것들] [면접 질문] 데이터 10,000개를 가지고 무한 스크롤 구현시에 가장 중요하게 고려해야 할점은 무엇인가요? 대답: 무한 스크롤 구현에서 중요한 점은 성능 최적화, 스크롤 감지, 에러 처리입니다. 이 세 가지 요소를 고려하여 InfiniteQuery와 같은 라이브러리를 사용해 데이터를 일정량씩 로드하고 렌더링하며, 스크롤 이벤트를 감지하여 자연스럽게 새 데이터를 로드하는 방식으로 구현할 수 있습니다. 이를 통해 부드러운 사용자 경험과 안정적인 동작을 보장할 수 있습니다. (느낀점): 무.. 2023. 8. 28.
TIL 73일차(2023-08-25) 무한 스크롤 작업.. 1. 무한 스크롤 관련 자료 조사.. 및 수행 2. 면접 질문 3. Geocoding 관련 API 조사.. 4. STYLE 관련 css 찾아보기 [가장 인상 깊었던 것들] [면접 질문] Async/Await와 Promise의 차이에 대해 설명해주세요. 대답: Async/Await는 비동기식 작업 처리를 동기식으로 바꾸어서 작업하며. trc/catch문을 사용해 오류 처리및 코드 가독성을 좋게 해줍니다. 그에 비해 Promise의 경우 비동기식으로 코드를 then.catch문을 사용하여 오류 처리 작업을 하지만 Promise의 경우 보일러 플라이트 및 코드에 대한 가독성이 좋지 않습니다. [Geocoding] 무료 api => locationIQ를 사용한다. 하루에 5000회 geocoding이 가능하다... 2023. 8. 28.

티스토리툴바