본문 바로가기

전체 글400

구글 스프레드시트를 서버 API로 연결하기 (리액트+타입스크립트) 오늘 구글 스프레드를 연결해서, input 데이터를 구글 스프레드로 실시간 받아오는 코드 구현을 해봤는데 sheet.best 라이브러리를 사용하여 구글스프레드 링크를 rest api로 만들어주었는데 먼저 구글 sheet에서 (검색창에 sheet라고 치면 됌) sheet를 하나 만들어주고 [공유] - 캡쳐대로 권한 해제하고 링크복사!! https://www.google.com/sheets/about/ Google Docs Google Docs. 좋아하는 사람 57,043명 · 이야기하고 있는 사람들 352명. News and updates about Google Docs, Sheets, Slides, Sites, Forms, and more! www.facebook.com 복사한 그 링크를 데리고 shee.. 2023. 1. 20.
깃 컨밴션 양식 (ㄷㅇ님이 공유해주신 소중한 내용❤️) ":이모지:기능: 제목 #이슈번호 #이슈번호 상세설명 by @깃헙아이디" type feat: 새로운 기능, 특징 추가 fix: 수정, 버그 수정 design: CSS 등 사용자 UI 디자인 변경 !BREAKING CHANGE: 커다란 API 변경의 경우 !HOTFIX: 급하게 치명적인 버그를 고쳐야하는 경우 style: 코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우 refactor: 리프로덕션 코드, 리팩토링 comment: 필요한 주석 추가 및 변경 docs: 문서에 관련된 내용, 문서 수정 test: 테스트 코드, 리팩토링 테스트 코드 추가, Production Code(실제로 사용하는 코드) 변경 없음 chore: 빌드 업무 수정, 패키지 매니저 수정, 패키지 관리자 구성 등 업데이트,.. 2023. 1. 20.
Routes 임포트 빨간줄 에러! 라우터 설정중에 Routes가 임포트가 안되고, jsx 타입 에러 문구가 떴었다. 왠지 Routes 라는 애가 버전이 다른거에선 없는게 아닐까 생각이 들었고, 구글링을 통해 v6에서 Routes가 만들어졌다는걸 알고 아래처럼 해결을 해주었당!! 먼저 uninstall을 해주고, 다시 v6를 깔아주면 에러 해결! npm uninstall router-react-dom 2023. 1. 20.
[TIL] 1/19 개발일지 오늘 선발대 강의에서 회사 준비를 할때 어떤식으로 준비를 해야 좋을지 꿀팁들을 튜터님이 알려주셨었는데 뻔한 얘기가 아닌, 어떻게 전략적으로 지원해야하는지를 알 수 있어서 너무 유익했다 또 내배캠 친한분이 알려주셨던 프론트앤드 개발자가 준비해야하는 역량 블로그가 있었는데 리드미의 중요성과, 팀플이 아닌 개인프로젝트가 필요함을 느꼈다!! 내가 혼자 하고싶은것 : 리액트 네이티브로 앱 구현 , 리액트 + 타입스크립트로 개인 프로젝트 +) 포트폴리오는 Next배우면 그걸로 하고싶었는데, 어떤게 좋을지 튜터님한테 여쭤봐야징 요건 오늘 강의들으면서 정리한 깃헙 레포 https://github.com/ddoqi/studySpace/tree/master/typeScript/lecture6-1 GitHub - ddoqi.. 2023. 1. 20.
[TIL] 꼬리 팍내려간 오늘의 개발일지 타입스크립트 강의를 오늘도 수강중이었는데, 오후에 갑자기 주어진 타임어택 문제로 급격히 어두워졌다 ㅠㅠㅠㅠㅠㅠㅠㅎ웋엫ㅇㅎ엫ㅇ엥ㅇㅠㅠㅠㅠㅠㅠㅠㅠㅠ 투두리스트 기억이 왜 또 안드로메단데 우리 꽤 찐해써쨔나 왜 낯설어보이는데ㅠㅠㅠㅠㅠㅠㅠ 과제 자체가 좀 말도 안되는 과제였긴하지만 반대로 생각하면, 현업에서도 이보다 더한 '무조건 해야만하는' 일들이 비일비재할거라는 생각이 든다 아무리 못할것 같다고 생각해도 해내야만 하는게 개발자의 숙명이 아닐까 싶은 ㅎㅅㅎ? 징징대고도 싶지만 일단 내가 할 수 있는 부분까지는 다 해내고나서 징징대야 할말이 있고, 나도 얻는게 있다 오전에도 열나게 타입스크립트 강의를 들은거 같은데, 부족해도 너무 부족한 ㄴr란 닝겐.... 오늘은 쵸큼... 아니 many....지친 하루였지만 .. 2023. 1. 18.
&& 연산자로 undefined/null 걸러내기 (타입스크립트에서 응용) && 연산자의 다른 기능 원래 && 는 조건식 2개가 참이면 전부 참으로 판정하라는 논리연산자이다. 자료형에선? && 기호로 비교할 때 true와 false를 넣는게 아니라 '자료형'을 넣으면 && 사이에서 처음 등장하는 falsy 값을 찾아주고 그게 아니면 마지막 값을 남겨준다. falsy 값은 false와 유사한 기능을 하는 null, undefined, NaN 이런 값들을 의미!! 1 && null && 3// null이 남음 undefined && '안녕' && 100// undefined 남음 이걸 exploit(이용,착취) 하면 if문을 조금 더 간략하게 쓸 수 있다고 한다. 그래서 && 기호를 이용해서 if (변수 && typeof strs === "string") {} 이렇게 사용하면 변수.. 2023. 1. 18.

티스토리툴바