본문 바로가기

전체 글121

TIL 83일차 (2023-09-13) ref를 컴포넌트 넘겨주어서 사용하고 싶을때 1. 프로젝트 발표를 위한 준비 2. handleScroll 부분들 ref를 통한 정보들로 바꾸기 3. List 검색 부분 사용 [면접 질문] 라이프사이클이 의미하는 바에 대해서 설명해주세요. 대답 리액트는 컴포넌트 단위로 개발하게 되는데 이때 각 컴포넌트들은 라이프사이클 즉, 생명주기를 가지고 있습니다. Mounting -> Updating -> Unmounting 순서로 진행이 되며 하지만 클래스 컴포넌트에 경우에만 사용이되며 함수형 컴포넌트에는 사용이 안됩니다. 함수형 컴포넌트에서는 리액트 훅(useEffect)를 사용하여 생명주기와 비슷하게 작동됩니다. [중요하게 겪은 부분들] 코드를 동일하게 짜고 ref 기능을 실행했는데 ref 기능이 제대로 실행이 안되는 것을 깨닫고 콘솔로 ref를 찍어보니 .. 2023. 9. 13.
TIL 82일차 (2023-09-12) 프로토콜 1. style 관련 하여서 작업 2. postId에 관해 작업한 것 확인하기.. 3. 프로젝트 발표 준비(PPT 및 기술적 의사결정) [면접 질문] http, https 차이점에 대해 설명해주세요 대답 http 와 https는 서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이며 https는 http는 데이터 암호화가 추가된 프로토콜입니다. [다음 기술을 선택한 이유] Zustand ->선택 이유: 사용방식이 편리하며 전역 상태관리가 간편하다. Geocoding ->선택 이유: 횟수 제한과 Mapbox와의 사용 편의성이 있어서 고르게 되었습니다. 2023. 9. 12.
TIL 81일차(2023-09-11) Float가 너무 싫다.. 1. 트러블 슈팅에 대한 강의 2. ZoomSize에 관해 모바일일 때 기능 구현 3. 무한 에러 해결.. [면접 질문] TCP/UDP에 대해서 설명해주세요. 대답: TCP는 연결 지향성이 있는 프로토콜이며 데이터 전송에 대한 추가 오버헤드가 있으며 웹 브라우징, 이메일에 적합합니다. 연결 지향성이 있기 때문에 흐름 제어와 에러 복구를 제공하여 안정적인 통신을 보장. UDP는 비연결성 프로토콜이지만 데이터를 신속하게 전송합니다. 데이터 손실 및 순서 변경에 대한 처리가 없고, 스트리밍, 게임에 사용합니다. [무한스크롤] Float의 기능을 사용하면 부모에서 ref를 사용할려고 해도 자식의 너비와 넓이를 모르기 때문에 함수를 작동하기 힘든 오류가 있었습니다. 스크롤이 기능이기는 하지만 css의 요소가 석힌.. 2023. 9. 11.
TIL 79일차(2023-09-07) Supabase에 대해 탐색 1. 무한 스크롤 useInfintyQuery 대체 2. 반응형 스크롤 없애기 3. Post 등록 1번만 되게 하기 4. 카카오톡 공유 시 구글 소셜 로그인 조사 [면접 질문] 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념에 대해 설명해주시고, 장/단점을 설명해주세요. 대답: 클라이언트 사이드 렌더링은 브라우저에서 HTML을 직접 렌더링합니다. JavaScript가 브라우저에서 실행되어 페이지를 구성하며 추가 데이터는 나중에 요청합니다. 예시로는 Single Page Application가 있습니다. 서버 사이드 렌더링은 서버에서 HTML을 렌더링하고 완성된 페이지를 클라이언트로 전송합니다. 클라이언트는 렌더링된 HTML을 받아 브라우저에서 표시합니다. 예시로는 Next.JS가 .. 2023. 9. 7.

티스토리툴바