GREEN TEA GREEN TEA

1.자신을 설명하는데 있어서 얼마나 명확하고 간결하게 설명할수있는지 스스로에 대한 확신을 가지고 있는지2.지원자가 팀에 합류하게 된다면 얼마나 빠르게 팀에 적응하고 일을 배워서 팀에 기여를 할지3.단순히 나를뽑아줘가 아닌 내가 회사에 어떤 기여를 할수있는지 어필하는것4.협업에 대한 역량을 어필할 수 있는 실제 사례가 있는지5.실무 경험이 없더라도 본인을 개발자로 정의하고 개발자로서의 소양을 갖춘 자기소개가 작성 되어 있을경우 긍정적으로 검토 (코드 리뷰에 열려있는 자세 탄탄한 알고리즘 기반 혹은 늘 최적화를 염두하는 태도등)

성능을 향상시키기 위해 다음과 같은 방법을 고려해볼 수 있습니다:페이지 로딩 속도 개선:이미지 최적화불필요한 스크립트 제거브라우저 캐싱 활용First Contentful Paint (FCP) 개선:중요 콘텐츠를 먼저 로드하도록 우선순위 설정서버 응답 시간 단축Largest Contentful Paint (LCP) 최적화:대용량 이미지나 비디오 최적화콘텐츠 전송 네트워크(CDN) 사용Total Blocking Time (TBT) 감소:자바스크립트 실행 시간 단축중요하지 않은 스크립트는 지연 로딩Cumulative Layout Shift (CLS) 개선:이미지와 광고에 크기 사전 지정동적 콘텐츠 처리 방식 개선모바일 최적화:반응형 디자인 적용모바일 기기에 맞는 콘텐츠 최적화이러한 개선 사항을 적용한 후 성능..

💡 모의면접이란?모의 면접은 실제 면접 상황을 미리 체험해보고, 면접 기술을 향상시키기 위해 진행되는 연습 면접입니다. 이를 통해 면접 과정에서 발생할 수 있는 다양한 상황에 대비하고, 자신감을 키울 수 있습니다. 모의 면접은 ****을 가지고 있습니다.실제 면접과 유사한 환경을 조성하여, 면접 과정에서의 긴장감을 줄이고 실전에 대비할 수 있습니다.반복적인 연습을 통해 자신감을 키우고, 자신만의 면접 스타일을 개발할 수 있습니다.면접관으로부터 피드백을 받아 강점과 약점을 파악하고, 개선할 수 있습니다.질문에 대한 명확한 답변과 효과적인 의사소통 방법을 연습할 수 있습니다.다양한 질문에 대해 논리적으로 생각하고 답변하는 능력을 검증할 수 있습니다.

react-responsive 라이브러리의 주요 기능은 다음과 같습니다:반응형 컴포넌트 생성: 화면 크기나 디바이스 특성에 따라 다른 컨텐츠를 렌더링할 수 있습니다.미디어 쿼리 추상화: CSS 미디어 쿼리를 JavaScript로 표현하여 더 동적인 반응형 로직을 구현할 수 있습니다.디바이스 감지: 모바일, 태블릿, 데스크톱 등 다양한 디바이스 유형을 감지하고 그에 맞는 UI를 제공할 수 있습니다.성능 최적화: 서버 사이드 렌더링을 지원하여 초기 로딩 성능을 개선할 수 있습니다.

새로운 이렇게 줬을때 생겨나는 오류 로 내가 열심히 찾아본 결과  swiper 라이브러리에관해 적용이 안되는걸로 알게되었다 해결방법은 hidden block 처리를 하지말고 일일히 수작업으로 사이즈를 줄이고 변화를 시켜주거나  react-responsive 를 사용해주면 된다 패키지 다운 명령어는 |yarn add react-responsive| yarn 버전이다

SEO가 무엇인가요?답변)의도: 실제 프로젝트 배포를 위해 SEO를 고려해본 경험이 있는지 확인하는 질문모범 답안: SEO는 Search Engine Optimization의 약자로 검색 엔진 최적화라는 뜻입니다. SEO가 잘 구성되어 있다면 구글이나 네이버 같은 검색 엔진에서 상위 노출을 차지 할 수 있기에 정말 중요한 역할을 합니다. 실제로 최근에 해외 어떤 유명 서비스는 신입의 실수로 SEO 데이터가 날아간 적이 있었는데, 그 사건 때문에 유저의 유입 수가 70% 가까이 급감했다고 합니다. 그만큼 개발자가 아닌 일반인들은 검색 엔진의 의존도가 높고, 많은 서비스들이 상위 노출되기 위해 검색 엔진에 기꺼이 마케팅 비용을 쓰기도 하니 SEO의 중요성은 정말로 큽니다. 그래서 다들 SEO를 위해 메타데이..

16. 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념에 대해 설명해주시고, 장/단점을 설명해주세요.클라이언트 사이드 렌더링(CSR):CSR은 웹 애플리케이션에서 초기 HTML은 정적으로 제공되고, JavaScript를 사용하여 클라이언트에서 동적으로 컨텐츠를 렌더링하는 방식입니다. 초기 페이지 로드 후에 추가적인 데이터를 받아와서 동적으로 렌더링합니다.장점:초기 페이지 로드 시 필요한 최소한의 HTML, CSS, JavaScript만 전달되므로 초기 로딩이 빠릅니다.페이지가 로드된 이후에도 JavaScript를 사용하여 데이터를 비동기적으로 가져와 동적으로 업데이트할 수 있습니다.단점:초기 HTML에 동적으로 렌더링되는 컨텐츠가 포함되지 않기 때문에 검색 엔진 최적화(SEO)에 ..

1. 상태관리를 왜 할까요? 그리고 평소 state 관리는 어떻게 하시나요?답변-> 상태관리를 해주면 app 동작을 예측 가능하게 만들며, 코드의 복잡성을 관리하는데에 핵심적인 역할을 합니다. ui와 데이터의 동기화를 유지시키며 ux를 향상시킬 수 있습니다.-> state와 props로 컴포넌트 간 데이터를 전달하고, lifecycle 메서드를 통해 상태를 관리합니다. 전역 상태 관리가 필요할 경우 리덕스나 주스탠드를 사용하며, 서버 상태 관리가 필요할 경우엔 리액트 쿼리를 사용합니다.2. Redux가 무엇인가요, 왜 Redux를 사용하시나요?답변 -> 상태 관리 라이브러리입니다. 주로 단일 페이지 app(spa)에서 복잡한 상태를 효율적으로 관리하기 위해 사용합니다.-> 리덕스 사용시 모든 상태를 중앙..