뚠뚜 개발일지

원시값과 참조값(array, object)의 차이점을 메모리 관점에서 설명해 주세요. 핵심 키워드 : value(값) / address(주소), 메모리 할당 원시값 (Primitive Values)원시값은 숫자, 문자열, 불린값, null, undefined, symbol 같은 기본 데이터 타입입니다.메모리에는 값 자체가 직접 저장됩니다.변수에 원시값을 할당하면, 그 값이 직접 저장되며, 다른 변수에 복사할 때는 그 값의 복사본이 생성됩니다.참조값 (Reference Values)참조값은 객체, 배열, 함수 등이 해당됩니다.변수에 참조값을 할당하면, 메모리에 객체가 저장되고, 변수는 메모리 내 객체의 주소(참조)를 저장합니다.변수간에 객체를 공유할 때, 객체의 실제 데이터가 복사되는 것이 아니라, 메모리..

AWS S3를 사용하는 이유와 사용 경험에 대해서 답변해주세요. 핵심 키워드 : 클라우드 스토리지, IAM, 버킷 정책 AWS S3를 사용하는 이유와 이에 대한 사용 경험을 말씀드리겠습니다.확장성과 내구성:AWS S3는 확장성이 뛰어나고 내구성이 매우 높은 스토리지 서비스입니다. 데이터를 자동으로 여러 리전과 가용 영역에 분산 저장하여 높은 가용성과 신뢰성을 제공합니다. 이를 통해 데이터 손실 위험을 최소화하고, 어떤 상황에서도 데이터에 안정적으로 액세스할 수 있습니다.데이터 보안:S3는 데이터를 안전하게 보호하기 위한 다양한 보안 기능을 제공합니다. 데이터는 전송 중 및 저장 시 암호화되며, IAM 역할과 정책을 통해 세밀한 엑세스 제어가 가능합니다. 또한 버킷 정책을 통해 데이터에 대한 접근 권한을 ..

1. 사용자 입력: 사용자가 웹 브라우저 주소창에 "www.google.com"을 입력하고 엔터 키를 누릅니다. 2. DNS 서버 검색: 웹 브라우저는 "google.com"이라는 도메인 이름을 DNS 서버에 요청합니다. DNS 서버는 도메인 이름에 해당하는 IP 주소를 찾아 브라우저에 응답합니다. 3. IP 주소를 통한 연결: 웹 브라우저는 DNS 서버에서 받은 IP 주소를 사용하여 Google 서버에 연결합니다. 4. HTTP 요청: 웹 브라우저는 HTTP 요청을 통해 Google 서버에 "www.google.com" 페이지를 요청합니다. HTTP 요청에는 사용자의 브라우저 정보, 쿠키 등이 포함됩니다. 5. HTTP 응답: Google 서버는 HTTP 응답을 통해 웹 브라우저에 "www.google..

ContextAPI 란 무엇인가요? 핵심 키워드 : 상태 전역 관리, provider, consumer Context API는 리액트(React)에서 상태를 전역적으로 관리하기 위한 도구로 사용되는 API입니다. 이는 컴포넌트 간에 데이터를 효과적으로 전달하고 상태를 공유하는 데 도움을 줍니다. 주로 중첩된 컴포넌트 트리에서 데이터를 전달해야 할 때 유용하게 활용됩니다.ContextAPI를 사용하는 기본적인 과정에 대해 설명을 드리겠습니다.우선 Context를 생성합니다. React.createContext()를 사용하여 새로운 컨텍스트를 생성하고 이 함수는 ‘Provider’ 와 ‘ Consumer’ 컴포넌트를 반환합니다.그런다음 최상위 컴포넌트에서 ‘Provider’를 사용하여 컨텍스트를 제공합ㄴ디ㅏ..

프론트엔드 성능최적화를 위한 방법이 있다면 말씀해주시고 그 중 프로젝트에서 활용한 경험이 있다면 설명해주세요. 핵심 키워드 : 압축, 캐싱, 비동기 처리, 지연 로딩, 렌더링 개선 프론트엔드 성능최적화를 위한 방법 첫 번째는 이미지 최적화입니다. 웹 페이지의 의도와는 다르게 이미지 용량이 큰 경우 사용할 수 있습니다. 두 번째 방법은 코드를 컴포넌트 기반으로 번들을 분할하여 필요한 시점에만 로드하는 방법이 있습니다. 세 번째는 브라우저 캐싱을 활용하는 방법이 있고, 마지막으로는 쓰로틀링과 디바운싱을 활용해서 서버에 요청하는 횟수를 제한하는 방법이 있습니다. 제가 프로젝트를 진행하면서 사용했던 최적화 방법은 React를 활용하여 컴포넌트 기반으로 코드를 작성하는 것이었습니다. 이 방법을 사용하면, 렌더링이..

이미지 최적화에 대해 설명해주시고 방법에 대해 설명해주세요. 이미지를 저장할 때 적절한 파일 형식을 선택하는 것이 중요합니다. 일반적으로는 JPEG는 사진에, PNG는 로고나 투명 이미지에 WebP는 모든 종류의 이미지에 효과적입니다.그리고 이미지 크기를 조절해서 필요 이상의 공간 차지 및 로딩 시간을 단축시킬 필요가 있습니다.이를 위해 웹에서는 레이지 로딩(Lazy Loading)을 적용하여 페이지가 처음 로딩될 때 모든 이미지를 불러오는 대신, 사용자가 스크롤하여 이미지가 보일 때까지 로딩을 지연시키는 방식 등을 사용하여 초기 로딩 시간을 단축 시키며 페이지 성능을 향상 시킬 수 있습니다.또는 이미지 캐싱을 활용하는 방법도 있는데, 이는 여러 이미지를 하나의 이미지로 결합하여 서버 요청 수를 줄이는 ..