NPM 배포하기 cra로 설정한 full-page-scroll 개발 중 문득 내가 개발한 기능을 npm에 배포해보면 어떨까? 하는 재미있는 생각이 들었다. 바로 배포해보자! 패키지 이름 먼저, 패키지 이름이 겹치는지 확인해야 한다. 해당 이름의 패키지가 존재하지 않는다면, 배포가 가능하다. 프로젝트 구조 내 프로젝트의 구조는 다음과 같다. components 폴더 내의 FullPageScroll을 배포할 계획이다. components 폴더 내의 index.js에 배포할 컴포넌트를 불러온 뒤, export 해준다. babel 설치 package.json과 같은 경로에 babel.config.js 작성 package.json 작성 (아래는 내 react-fp-scroll 패키지의 package.json 파일이다.) npm login package.json 까지 작성해준 뒤, 배포를 하기 전 npm 계정으로 로그인을 해야한다. 로그인이 정상적으로 되었다면, 명령어로 배포하면 완료된다.…

React에서의 배열 state 관리 배열 state를 업데이트하기 위해서는 배열에 직접적으로 영향이 가지 않는 방법을 이용해야 한다. (state에 저장한 배열은 변경이 불가능한 것으로 취급해야 하기 때문) 객체 state를 업데이트할 때와 마찬가지로, state에 저장된 배열을 업데이트하려면, 새로운 배열을 만들어 사용해야 한다. 추천하지 않는 방법 예시 추가: push, unshift 삭제: pop, shift, splice 교체: splice, arr[i] = … 정렬: reverse, sort 추천하는 방법 예시 추가: concat, […arr] spread syntax 삭제: filter, slice 교체: map 정렬: 배열을 복사한 뒤 처리 두 방식 비교 코드 (배열에 값 추가 예시) Refference: https://react-ko.dev/learn/updating-arrays-in-state

투 포인터 알고리즘이란? 투 포인터 알고리즘은 배열이나 리스트에서 두 개의 포인터를 조작하여 원하는 결과를 얻는 데 사용되는 알고리즘이다. 이 알고리즘은 일반적으로 정렬된 배열에서 특정한 합이나 조건을 만족하는 부분 배열을 찾거나, 두 배열을 병합하는 경우에 효과적으로 사용된다. 투 포인터 알고리즘의 주요 아이디어는 두 개의 포인터를 사용하여 배열 내에서 움직이면서 원하는 조건을 찾아내는 것이다. 보통 시작점과 끝점을 나타내는 두 포인터를 사용하며, 이 두 포인터는 배열을 훑으면서 조건에 맞게 이동한다. 투 포인터 알고리즘 예시 간단한 예제로 정렬된 배열 내에서 두 수 사이의 합이 특정 값이 되는 경우(부분수열)를 찾는 예시이다. 시작과 끝 포인터 초기화: 배열의 시작지점에 시작과 끝 포인터를 놓는다. 포인터 이동: 포인터가 가리키는 두 수 사이의 합을 목표값과 비교한다. 합이 목표 값보다 작으면 끝 포인터를 오른쪽으로 옮긴다. 합이 목표 값보다 크면 시작 포인터를 오른쪽으로 이동…

Flutter? 유튜브 영상을 보다 Flame 이라는 게임엔진을 이용하여 개발한 모바일 게임이 눈에 띄었다. Flame이 뭘까? 궁금해서 검색해보니 Flame은 Flutter 기반 2D 게임엔진이라고 한다. (3D도 준비중이라고 하는데 지금은 정확히 모르겠다.) 그렇다면, Flutter는 무엇일까? Flutter는 Google에서 개발한 크로스 플랫폼 모바일 앱 개발 프레임워크이다. React Native처럼 하나의 프레임워크로 IOS, Android 둘 다 개발이 가능한 모양이다. 앱 개발 전공이 아닌 나같은 경우(취미로 개발할 경우)에는 CrossPlatform 프레임워크를 사용하여 가볍게 시작하기에 좋을 것 같다! 물론 Flutter나 React Native를 사용한다고 Native를 아예 사용하지 않는 것은 아니라고 한다.(Native는 어려워…) 그럼, Flutter와 React Native 와 비교했을 때 Flutter의 장점은 무엇이 있을까? React Native에…