본문 바로가기

분류 전체보기

(87)
AI 꿈해몽 사이트 만들면서 참조했던 설정값 https://stardream.pages.dev/ AI 별자리 꿈해몽, 별꿈해몽 Add description here stardream.pages.dev 이 페이지를 만들면서 설정했던 값들을 기록해본다. 출처는 조코딩님의 멤버십 강의. 네이버 검색어에 나오도록 설정하려면 https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 여기서 설정을 해야한다. robots.txt파일을 만들어서 함께 올린다. https://search.google.com/search-console Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트..
별자리를 이용한 AI 꿈해몽, 별꿈해몽. 당신의 '별자리 운세에 기반해 AI가 풀어주는 꿈 해몽 사이트 안녕하세요. 이번에 꿈 해몽해주는 사이트를 만들게 되었습니다. https://stardream.pages.dev/ AI 별자리 꿈해몽, 별꿈해몽 Add description here stardream.pages.dev 이 페이지인데요. 사용법은 간단합니다. 사이트에서 별자리를 선택한 후에 꿈 입력하기를 누르면 꿈 입력하기 페이지로 넘어가게되고. 아래와 같이 꿈 해몽이 나오게 됩니다. 아래에는 복채 보내기 버튼도 있구요. ㅎㅎ 자신의 꿈과 별자리 운세를 연관지어서 알려주게 됩니다. 꿈 해몽을 받으면서 한 번에 별자리 운세도 같이 볼 수 있는 것이죠. 예로부터 별자리는 수많은 성인들이 현실에 반영하던 것이기 때문에 어느정도 일리가 있지 않을까 생각이 들었습니다. 다만, 항상 맹신할 필요는 없겠지요. 꿈에 메..
map으로 fetch하기. await async const promises = array.map((e: any) => api('post', '/api', e))const results = await Promise.all(promises) 위와 같이 map 으로 실행한 것을 promises에 두면프로미스 내부의 api들은 동기로 실행이 됩니다. 만약 비동기로 하나하나 실행하고 싶으시다면for(const item of array){ const promises = array.map((e: any) => api('post', '/api', e))}이런식으로 하면 됩니다. 다만 비동기로 실행할 경우 속도가 느리기 때문에 배열을 보내고 백엔드에서 처리하는 것을 추천합니다.
All 12 useState & useEffect Mistakes Junior React Developers Still Make in 2023 https://www.youtube.com/watch?v=-yIsQPp31L0 주니어 개발자가 주로 실수하는 12가지를 알려주는데 모르던 부분이 있어서 기록을 남긴다. const handleChange = (e) => { setUser((prev) => { return { ...prev, name: e.target.value }; }); }; 이런식으로 이전 값을 prev로 받아서 업데이트를 할 수 있는데 이는 순서대로 작동시키는 부분이 있을 때 사용한다. 즉 함수형 업데이트는 state가 비동기적으로 업데이트될 때, 최신 상태를 기반으로 업데이트를 한다. setState 안에 함수를 써본 적이 없었는데, 하나를 배웠다. 또한 useEffect의 조건 [] 부분에는 변수 안에 변수까지 적을 것. pric..
unknown error on npm install "npm ERR! Unexpected token '.'" on using NVM 해결방법 pnpm 설치중에 발생했던 오류인데 yarn add가 먹통이었습니다. npm install도.. 도저히 왜 안되는가 찾고 찾아도 안됐는데 nodejs 버그였습니다. LTS 버전으로 해도 안됐는데, 16.13.2로 변경한 후에 pnpm을 설치하니 작동합니다. nodejs 버전을 변경해보시길 바랍니다. 늘 버전 문제는... 몇시간을 쉽게 잡아먹네요. 원인 찾기가 쉽지 않은 부분 같습니다.
여행 영상 모음 https://www.youtube.com/watch?v=1udJsv1VcII https://www.youtube.com/watch?v=z7fOhwkhwcg https://www.youtube.com/watch?v=QJbpJQscn9E https://www.youtube.com/watch?v=O3laUtBRYQY https://www.youtube.com/watch?v=_dVjEQf68So https://www.youtube.com/watch?v=8rbQago5twI https://www.youtube.com/watch?v=fEErySYqItI https://www.youtube.com/watch?v=oY9qKzEvIaM https://www.youtube.com/watch?v=dqkfpKJw348
WebGL 참조 사이트 모음 요즘은 webgl을 공부하고 있어서 관련된 참조하기 좋은 사이트를 공유하고자 합니다. https://danny-garcia.com - 엄청나지 않아도 심플하면서 재밌다 http://www.robinpayot.com - 스크롤 방식이 인상적. 꼭 써봐야겠다는 생각 https://jesse-zhou.com/ - 라면가게로 표현한 창의성이 돋보인다 https://bruno-simon.com/ - 놀이처럼 만든 것이 인상적 https://spline.design/ - 3d 모델링 만들 수 있다. 튜토리얼 참조 - https://www.youtube.com/watch?v=b2vdgNy1yFM 향후 추가 예정
불안 & 공황장애에 대한 책 3권 안녕하세요. 이번 글에서는 불안과 공황장애에 대한 책 3권을 요약해보려고 합니다. 3권을 요약해서 핵심이 무엇일까 짚어보고자 하구요. 저도 공황을 겪었던 바 있어서 ㅋㅋ 글을 쓰기에 앞서 여러 생각이 드네요. 먼저 3권을 읽고 또 공황을 겪으면서 제가 느낀 핵심부터 언급해보자면, 핵심은 '선하게 사는 것', '자신감을 키우는 것' 입니다. 조금 뜬금없지만 그렇습니다. 왜 그렇게 느꼈는지.. 천천히 적어보도록 하겠습니다. 옛 말에 마음이 아프면 약도 없다고 했습니다. 그정도로 몸이 아픈 것보다 마음이 아픈 것이 고치기가 힘들고. 20대 30대의 우울증이 사회적 이슈로 대두되고 있죠. 마음의 병. 공황 불안 우울. 어떻게 고칠 수 있을지, 이에 관한 책들의 지혜를 살펴보도록 하겠습니다. 1. 어느날 갑자기 ..

반응형