본문 바로가기

전체 글71

리액트 개발일지 로그 기록 2022/05/13 2022. 5. 13.
리액트 개발일지 로그 기록 2022/05/05 로그 내용 필자는 원체 구글 워크스페이스와 구글 서브 애플리케이션들을 많이 활용해왔다. 최근 프로젝트들을 하면서 GCP(Google Cloud Platform)들도 활용해 보았으며 손쉽고 빠르게 처리 가능한 API token key 발행 등 복잡하지 않고 견고한 구조로 사용 가능한 점이 매우 독보적이었다. 깃허브와 리액트 테스트 프로젝트를 연동해 보기 위해서 깃허브 페이지를 생성 후 페이지 사이트 링크를 구글 도메인 DNS를 활용하여 TYPE A와 TYPE CNAME를 적용하여 도메인 변환에 성공하였다. 로그 기록 5월 5일 기점으로 약 3일간 프로덕션 버전의 필자 포트폴리오를 발행해 볼 생각이다. 커스텀 도메인 깃허브 페이지 가이드 Managing a custom domain for your GitHu.. 2022. 5. 5.
리액트 개발일지 로그 기록 2022/05/04 로그 내용 Typescript를 제외하고 오롯이 리액트와 js로만 구현해보려 노력해보았다. 유형을 설정해줘야 하는 파트 에서 쉼없이 막혀버리고 리액트 hook기능에 대한 기술 부족으로 좀 더 많은 기능들을 적용해보려 한다. 결국엔 호환성을 맞추어 google-map-react로 구현을 하였지만 애초에 만들어진 npm 오픈 소스를 활용 하게 되어 새로운 기능들을 추가해보는 것은 비효율적이었다. Typescript로 interface를 직접 만들어 오픈 소스를 만들어보지 않는 이상 typescript template 사용을 권장하지 않는다. V2.1이었던 NASA API 기반 소스를 V3로 업데이트 후 개별 지오메트리 ID를 먹이면 원하는 자연재해에 대한 값들을 추출해올 수 있었다. 물론 hook기능을 활용.. 2022. 5. 4.
리액트 개발일지 로그 기록 2022/05/03 로그 내용 TypeScript로 전환 완료. ts. tsx확장자 중 리액트를 사용함으로. tsx를 사용. jsx도 섞어 써도 나쁘지 않을 거 같다. 나사 API 적용을 위해선 첫 브라우저 로딩 때부터 모든 libraries DATA의 position값을 불러와야 하는데 해당 위치 반경을 정해서 넣어야 할거같다. 시각적인 요소가 유저에겐 매우 크게 와닿기 때문이다. 한 번에 포지션에 대한 위치 값들을 불러오면 다중 서버를 통해서 처음 거쳐오고 클라이언트가 매번 위치 값에 대한 API request에 대한 비용 절감에도 protocol 다중 요청에 요청을 줄일 수 있을 거라 생각한다. (개인적인 의견) 리액트 말고도 프레임워크가 다양하게 있는데 VUES.js 는 로고부터 이름도 마음에 하나도 알 수가 없을까.. 2022. 5. 3.
리액트 개발일지 로그 기록 2022/05/02 로그 내용 Javascript 파일들을 TypeScript로 전환하기 위해 고려사항을 체크. 사실상 JS 100% 호환성과 Web version의 C 계열 컴파일 언어 지향과 유사함으로 안정성과 유지 및 보수 관리 용이해 보임. 구글 맵스 API, 오토 컴플리트, 등 활용한 구현 완료 근데 새로고침 하면 Marker가 없어지네..? Marker 재설정을 위해 TypeScript로 전환하여 런타임상 전환 비용을 줄여보려고 함. 노슈켈 or RDBMS 데이터 저장 확립에 대한 고찰을 하였을 때 불필요한 데이터 저장으로 AWS 기능을 줄여 보자. 2022. 5. 3.
리액트 개발일지 로그 기록 2022/05/01 로그 내용 SCSS를 쓰기 위해 node-sass or sass npm으로 설치해서 쓰는데 update log를 살펴보아 Download 횟수와 sass 쪽의 커뮤니티 형성이 컸음. 무료로 사용하는 만큼 새로운 에러 코드나 수정사항을 기여하도록 하자. 빠른 디버깅을 위해 WEBPACK을 사용하려 했으나 PRODUCTION 버전이 아니므로 아직 사용하진 않는다. DEV으로도 굳이 설정해서 할 필요도 없다. 17.02 버전을 베이스 버전으로 가려하였고 다운그레이드를 해보았으나 호환성 버그가 무수하였음 nodejs 최신 버전과 react@dom, react 메인 버전에 맞춰 작업하는 쪽이 좋음 상위 버전이 호환되는 라이브러리를 사용하는쪽으로 지양할 것. 2022. 5. 1.
Google-Map-React Repository / npm 2.1.10 Version 2022. 4. 28.
EONET GSFC NASA documentation Earth Observatory Natural Event Tracker (EONET) | API Documentation Version 3 is the latest version of the API. Version 2.1 is deprecated and tagged for removal but is still currently available. To see what’s changed, please view the changelog. There are also a few how-tos. Below are descriptions of the data model fields eonet.gsfc.nasa.gov 2022. 4. 28.
GCP (Google Cloud Platform) 시작하기 Country : ex) Own Contury What best describes your organization or needs? : ex) Startup... Apply for additional credits (optional) : As part of an organization you may be eligible for an additional $100 in Free Trial credits to help you evaluate Google Cloud. To qualify, just enter a work email for verification. ex) company e-mail i'm not recommend this :) Terms of Service ex) just check for use.. 2022. 4. 28.