우당탕탕 개발 일상8 [firebase Hosting]프로젝트 배포 후 업데이트하기 feat.짱 쉬움 프로젝트 내용 수정 후 업데이트 하려면 아래와 같은 명령어를 입력해야함. 업데이트가 잘 되었다 야호 2023. 11. 9. 타입스크립트 + react 배포일기 1. 초기목표 : 타입스크립트 + React 이용하여 배포까지 하기! 2. 실제 일어난 일 : TypeScript + React 함께 써보고싶었는데 배포까지 완료 :D 배포 중 에러도 거의 없었다. 한 거라곤package.json파일에build 속성에다가 CI = false를 추가해준것이 전부 !! 3. 계획과 실제 결과의 차이 : 타입스크립트를 배우고 처음으로 프로젝트를 진행했다. 타입스크립트로 해야겠다 마음을 단단히 먹은 것은 요새 Typescript를 점점 더 많은 회사들이 도입하고 있는 것도 있지만 Javascript + React 혹은 Vanilla JavaScript로 프로젝트 배포할 때 정말 험난했어서... 오류가 얼마나 적은지 체감해보고싶었다. 이게 왠걸 정말 정말!!! 손쉽게 배포가 끝났.. 2023. 4. 28. Atomic Design Pattern + StoryBook 적용해보기 드디어 정했다! 내가 이번에 적용해볼 디자인 패턴은 https://velog.io/@teo/Atomic-Design-Pattern Atomic Design Pattern의 Best Practice 여정기 좋은 폴더 구조란 무엇일까요? 가끔씩 이 파일을 어디다 두면 좋지? 라는 생각이 들때가 있습니다. 하지만 막상 아무데나 두어도 어차피 폴더로 찾아가지 않고 파일명을 검색해서 찾아가기에 대 velog.io 내용추가! atomic design pattern을 위한 세팅을 모두 마쳤다. 처음에 설계를 어떻게 해야할지 몰라서 정말 많이 헤맸지만 좋은 블로그 글들, Github 검색을 통해 많이 참고했다. 레이아웃은 포토샵으로 간단하게 마쳤다. 이번에 만들 것은토이프로젝트이기 때문에 비교적 심플해서 시간이 많이 .. 2023. 4. 19. 아키텍쳐 똑바로 해보자..해보자고 그동안 프로젝트들 진행하면서 폴더 구조를 어떻게해야할지 고민했는데 이게 바로 아키텍쳐였다... https://velog.io/@userhwseo/Atomic-Design 프론트엔드의 아키텍처? 디자인 패턴? 미니 프로젝트 이후의 고민 미니 프로젝트를 마치고 반갑다 NYT API야 NYT에서 Search API를 가져와 develop 브랜치에 API를 바로 사용 가능 하게 끔 함수를 만들어 놓았다. 이후 useEffect를 사용하여 input velog.io 가장 먼저 아키텍쳐에 대해서 고민해본것은 바닐라 자바스크립트 배포를 할 때 root폴더에 index를 두어야하느냐 마느냐..이걸가지고 정말 고민을 많이 했고 그 다음은 리액트 프로젝트를 할 때 였다. 고마운 리액트가 기본적은 구조는 다 짜주었지만 ut.. 2023. 4. 17. GPT AI챗은 가끔 어이가없다.. 오류 찾을 때.. 오타도 잘 잡아주고.. 알고리즘 물어보면 기가 막히게 대답해줘서 조금 신뢰했었다.. 근데!! 저번에 코드 한 줄이면 되는 걸로 정말 어마어마한 양의 코드를 ..제안하길래 참...신뢰가 떨어졌다. 물론 결과는 에러;; 얼마나 믿음을 줘야할지 테스트 할 겸 오늘 GPT랑 끝말잇기를 해봤다. 죄송하다면서 지멋대로 하는거 보니까 학창시절의 나 같다 앞으로도 너무 믿음을 주지 않는걸로 결론 지었다. 2023. 3. 15. 웹사이트 성능보고 점수 F받았네;; CSS/HTML으로만 구성된 정적웹사이트를 구성했다!!드디어 !!! netlify로 배포하고 휴대폰으로 테스트해보는데 와... 느려도 이렇게 느려터질 수가 있나...세상에 너무 어이없어서 이 사이트에서 속도 테스트를 해봤다. https://gtmetrix.com/ 근데 F;;놀랍지도 않다. 내가 살면서 이렇게 오래걸리는 웹사이트는 처음봤다. 참나 베트남가서 인터넷했을때도 이렇게 느리진 않았다.. 아이고 웹사이트에 이미지를..다 고화질로 넣고싶은 욕심때문에 너무 무리했나보다. 빨리 이미지파일 손봐야지 흑흑 https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently Make your website faster and save.. 2023. 2. 17. 자바랑 깃허브랑 씨름한 후기.txt 잘 쓰던 티스토리 블로그를 두고... 무슨 바람이 불었는지 깃허브 블로그로 이사를 가야겠다고 결심을 했었다.. 미련했던 과거의 나 나의 삽질 과정 1. 깃허브 블로그로 이사 결심하고 강의들으면서 올리려고 한 포스팅 잠시 미룸..(반나절이면 될 줄 알고 그랬다..) 2. 몇개월 전에 만들어둔 깃허브 블로그를 private으로 전환하고 싶었지만 불가능해서 해당 repo삭제하고 다시 만듬. 3. 404 에러;;; 4. 구글링해보니 push를 하나라도 해야 뜬다고 해서, 원격저장소에 직접 text파일 push했는데 안됨. 5. 로컬저장소에 만들어서 git으로 push했더니 됨! 6. 제대로 deploy/배포가 되었으니 테마 적용하려고 구글링 함. 8. 이틀내내 매달렸지만 절대 안먹힘 (이때 git clean -.. 2022. 12. 10. 3일 동안 이클립스와 씨름한 후기.txt 어떻게 해야 성실한 개발자라는 이미지를 남길 수 있을까 고민하던 찰나에 깃허브에 잔디심기, 블로그에 기록남기기 이 두가지가 중요한 것을 알게되었다. 곧바로! 실행에 옮겼다. 사실 이 전에 SQLD 자격증 취득 준비 중에 Oracle + Dbeaver에 관련해서 쓸까?하다가 결국 실행에 옮기지 않고 흐지부지 넘겨버린 내가 자랑스럽지 않았다. 당장 깃허브에 대해 알아봤고 이클립스에 Markdown 플러그인을 설치하려고 했다. 이게 참..내 3일을 앗아간 주범이다. 결론은 설치 못 하고 다른 플러그인으로 설치했다. 과정 중 내가 한 것 1.이클립스, 자바 모두 재설치 2.이클립스의 metadata 파일 삭제 3.url, jar로 플러그인 수동설치 정말 단 한 개도 먹히지 않았다. 이 와중에 재설치 하는 과정에.. 2022. 8. 20. 이전 1 다음
