개발 노트 꾸러미33 리액트 개발일지 로그 기록 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. AI웹개발 멀린 ERP 봇 프로젝트 1조 성배를 찾아 나서는 아서왕의 기사단들 KPT 회고 [2022-04-12] 스파르타 코딩 클럽 AI웹개발 교육 프로그램 멀린 ERP 봇 프로젝트 1조 성배를 찾아 나서는 아서왕의 기사단들 KEEP : 조시욱 : 주석을 꾸준히 달고 부족한 부분을 퍼즐처럼 맞춰서 프로젝트에 쭉 임할수있는 개발자가 되자. 윤정기 : 각 조원들 모두 맡은 기능을 구현하기 위해서 많은 자료조사와 구현을 위해 밤낮을 가리지 않고 책임감있게 프로젝트에 임해주어서 너무 좋았습니다. 정심일 : 무조건 튜터님의 도움을 받기 보단 구글링 한 후에 찾아가서 물어보자. 이성호 : 주석을 꾸준히 달고 모르는 부분이 있으면 구글링을 적극 활용하자. 김 호 : 안 풀리는 문제를 서로 같이 고민하고 찾아보았다. PROBLEM : 조시욱 : 많은 파트에서 막히는 부분이 있다.. 2022. 4. 12. AI웹개발 WIL 17주차 [2022-04-09] Updated 스파르타 코딩 클럽 AI웹개발 교육 프로그램 스파르타 코딩 클럽 AI웹개발 마지막 주차 노트이다. 어연 4개월간의 장정이끝나간다. 다음주 프로젝트 발표를 진행한 후에는 같이 프로젝트로 고생으로 동고동락하던 학우들도 떠나보내게 된다 미운정 고운정 한국인으로써 느낄 정을 밖이 아닌 사이버 공간 '게더'에서 느낀다는것이 좀 아이러니하지만 재밌었던것같다. 과거 학창시절 리니지 혈맹 가입 후 공성전 할때 감회가 들어 색달랐다. 이만큼 저만큼 각자의 기량에 맞춰 프로젝트에 기여를 한 팀원들의 노고에 고맙고 끝까지 포기하지 않고 맞춘시간내에 제때 자기 할당량을 이루어준 팀원들에게 파이널 프로젝트를 바친다.. --------------------------------------------.. 2022. 4. 12. AI웹개발 WIL 16주차 [2022-04-03] Updated 스파르타 코딩 클럽 AI웹개발 교육 프로그램 스파르타 코딩 클럽 AI웹개발도 이제 거의 끝나간다 길면길었고 참으로 화상으로 수업을 하는게 재밌었다. 물론 코로나가 아니였더라도 대면 수업도 무척 재밌었을것같았다. 중간발표에 피드백을 왔었던 휴멜로 분들도 깔끔하고 군더더기 없는 피드백에 감사했고 고생많이 했던 매니저분들과 학우들 그리고 튜터님들과 함께 4월1일 만우절날 약간 지쳐있던 서로의 마음과 얼어 붙은 긴장을 녹게 해준 많은 사람들과 4월1일 만우절날엔 소박한 이벤트를 열어주신 특히 공매니저에게 감사를 표한다. ------------------------------------------------ 1일차 목요일은 발표 날이었다. 모든 기능점검 테스트를 끝냈었는데 제작자 본.. 2022. 4. 3. 이전 1 2 3 4 다음
