🤩 메모이제이션이란?❓ 🌱 메모이제이션은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술입니다. 동적 계획법의 핵심이 되는 기술입니다. 🍄 리액트에서 제공하는 메모이제이션 기법은 아래 메소드들을 통해서 사용할 수 있습니다. -👩‍💻 React.memo(컴포넌트), useCallback(() => { 함수 그 자체... }, []), useMemo(() => 함수의 리턴 값, []) 🍄 react의 메소드들은 어떤식으로 메모이제이션을 하고 있을까요? -👩‍💻 React.memo()는 props의 값으로 변경을 확인합니다. -👩‍💻 useCallback()과 useMemo()는 depende..

🤩 이벤트 위임이란❓ 🌱 이벤트 위임이란 하위 요소마다 이벤트를 붙이지 않고 상위 요소에서 하위 요소의 이벤트들을 제어하는 방식을 말합니다. 부모 안에 있는 자식들에게 공통적으로 무언가 처리해야 할 때 일일히 이벤트 리스너를 자식 노드에 추가하는 것은 좋지 않습니다.이벤트 버블링을 응용하여 부모 엘리먼트에 리스너를 위임하여 부착하면, 리스너의 개수를 1개로 줄여 최적화할 수 있습니다. 🍄 이벤트 위임의 동작 컨테이너에 하나의 핸들러를 할당합니다. 핸들러의 event.target 을 사용해 이벤트가 발생한 요소가 어디인지 알아냅니다. 원하는 요소에서 이벤트가 발생했다고 확인되면 이벤트를 핸들링합니다. 🍄 이벤트 위임의 장점 요소를 추가하거나 제거할 때 해당 요소에 할당된 핸들러를 추가하거나 제거할 필요가 ..

🤩 SEO란❓ 🌱 SEO(Search Engin Optimization: 검색엔진최적화) 네이버나 구글같은 검색 엔진에 뭔가를 검색했을 때, 내가 만든 사이트가 검색 결과에 더 잘 보이게 하기 위한 과정입니다. 검색을 하면, 검색 엔진이 내 사이트 내용물(메타 태그, html 내용 ...)을 한 번 훑어가고(크롤링), 내용물에 특정한 인덱스 같은 걸 만듭니다. 그리고 이 인덱스 같은걸 검색 결과에 보여줍니다. 검색 엔진 최적화는 검색 엔진이 내 사이트를 크롤링할 때 정보를 더 잘 가져갈 수 있도록 도와주는 과정이기도 합니다. SEO에서 얘기 하는 것은 구글의 검색엔진이 찾을 수 있고, 이해할 수 있는 사이트를 만들라는 것이다. 그렇게 하기 위해서는 아래의 요건들을 체크해볼 필요가 있습니다. 🍄 robot..

🤩 Angular와 React의 차이점 ❓ 🌱 Angular란 타입스크립트 기반 오픈소스 프레임 워크이며, 구글 앵귤러 팀이 만들었습니다. 양방향 바인딩이 지원되며 RxJs(Reactive Extensions For JavaScript)로 스트림을 통한 비동기 처리 방식을 지원합니다. 라우팅, 상태관리, 폼 유효성 등 필요한 도구를 모아 놓은 올인원 프레임워크입니다. 리액트보다 배울 것이 많고, 어려운 편으로 러닝커브가 큽니다. 가볍고 빠른 작업을 해야되는 프로젝트보다 큰 프로젝트에 사용하기 적합합니다. 허나 지금은 지원이 중단된 상태입니다. 🌱 리액트는 자바스크립트 라이브러리로 페이스북에서 처음 만들어졌습니다. 버츄얼 돔을 지원하고, 단방향 바인딩이 지원됩니다. SPA방식으로 진행한다면 검색엔진 노출에..

🫠 타입스크립트란 ❓ 🌱 자바스크립트에 정적 타입을 부여한 언어입니다. 타입스크립트는 자료형을 명시하는 방식을 지원하고 일반 자바스크립트로 컴파일 됩니다. 대규모의 리펙토링을 할 때 유지보수를 용이하게 할 수 있게 도와주며 자바스크립트를 사용할 때보다 에러는 적어집니다. 자료형이 있는 자바스크립트의 상위 집합이라고 볼 수 있습니다. 🫠 상위집합 그게 뭐지 ? 타입스크립트 파일에 일반 자바스크립트를 작성해도 되며 오류가 발생하지 않음을 의미합니다. 🫠 타입스크립트 동작 과정❓ 1. 개발자가 타입스크립트로 작성합니다. 2. 작성한 타입스크립트 코드는 타입스크립트 컴파일러를 통해 파싱하여 타입스크립트 AST코드로 변환됩니다. 3. 타입검사기를 통하여 파싱된 타입스크립트 AST코드의 타입을 체크합니다. 4. 타..

기나긴 여정도 아니지만, 공부하는데 오랜 시간을 보냈었던 3개월을 끝마침 하는 주차가 다가왔다. 바로 지원주차다 !! 지난주 토요일 6월4일에 결혼식이 있던 탓에 ㅠㅠ TIL을 3일 (?)동안 제대로 적지 못하였다. ㅠㅠ 이제 다시 시작이닷 !! 오늘은 내가 5주동안 했던 프로젝트를 정리해보겠다 ..!! 🤷‍♀️ 오싹? 어떤 서비스인가요? 🌱 오싹은 오피스와 공유 오피스를 지도에서 한눈에 모아볼 수 있는 정보제공 플랫폼입니다. 🤷‍♀️ 오싹에서 어떤 역할을 맡으셨나요? 🌱 부리더였습니다. 메인 지도 기능 , 필터 , 무한스크롤 , 전반적인 뷰작업(메인, 지도, 검색리스트, 시작, 마이페이지) , 프로필 수정 ,좋아요 기능, 회원 탈퇴, CI/CD구축, 카카오 로그인, https 배포를 맡았습니다. 🌱 오..