Coding20 MERN 웹 배포 : OCI & ubuntu & nginx 08.29 며칠간 종일 코딩만 하던 차 전날도 새벽 네다섯시에 잠든 후 아침..은 아니고 정오가 되기 좀 전에 일어나보니 정군이 몇 분 전에 보내놓은 카톡이 보였다. deploy할 때마다 콘솔창에도 보여주고, 메일로도 한 번 왔던 그 내용인가 했는데 요점은 heroku의 무료요금제 단계적 중단이 시작될 거라는 것. 그러더니 정군은 오라클 클라우드를 알아봐야겠다고 해서 나도 준비해야겠구나 하고 있었는데, 이걸 보고 정말 금방 할 수 있을까 해서 진입 https://www.oracle.com/kr/cloud/free/#always-free 클라우드 서비스 무료 이용 Oracle Cloud Free Tier는 기업에게 무제한으로 사용할 수 있는 상시 무료 클라우드 서비스를 제공합니다. www.oracle.co.. 2022. 8. 30. 큐뱃 개발일지 5/22 ~ 5/26 https://yoon-dumbo.tistory.com/entry/Error-%EC%A0%95%EB%A6%AC-React-Uncaught-SyntaxError-Unexpected-tokenW Error 정리: React-Uncaught SyntaxError: Unexpected token myRecordCound면 스톱워치를 활성화, 아니면 스톱워치 비활성화 하는 식으로 8/23 산본 가는 길에 생각이 들어서 바꿈 그냥 roundCount에 변화가 생기면 라운드 변경+스톱워치 활성화 myRecordCountj에 변화가 생기면 스톱워치 비활성화. 하면 될 듯 8/24 그냥 마지막으로 기록을 잰 사람이 모두에게 emit하면, 그 때 client들은 자신과 서버의 roundCount를 굳이 비교할 것 없이 그.. 2022. 8. 24. 큐뱃 개발 - 08/18, 08/19 (2022.08.18) 라우팅을 알게 된 후로 해결하지 못한 Cannot GET을 해결 https://stackoverflow.com/questions/27928372/react-router-urls-dont-work-when-refreshing-or-writing-manually React-router URLs don't work when refreshing or writing manually I'm using React-router and it works fine while I'm clicking on link buttons, but when I refresh my webpage it does not load what I want. For instance, I am in localhost/joblis.. 2022. 8. 20. props.history.push() 안됨 https://www.angularfix.com/2022/01/react-typescript-module-has-no-exported.html React-Typescript: Module '"react-router-dom"' has no exported member 'RouteComponentProps' AngularFix contains a large number of fixes for Angular, AngularJS, Typescript, HTML, CSS and Javascript related issues. Daily Updated! www.angularfix.com react-router-dom의 withRouter를 사용하라는 정보가 먼저 들어오긴 했는데, 결국 이렇게 2022. 8. 19. Cannot GET (express) 와.. https://stackoverflow.com/questions/27928372/react-router-urls-dont-work-when-refreshing-or-writing-manually React-router URLs don't work when refreshing or writing manually I'm using React-router and it works fine while I'm clicking on link buttons, but when I refresh my webpage it does not load what I want. For instance, I am in localhost/joblist and everything is fine stackoverflow.com 아파.. 2022. 8. 18. 큐뱃 개발 - 2022.08.02 08.02 https://blog.qvil.dev/react/react-scroll-to-bottom-with-messages-effect [React] React scroll to bottom React 채팅앱 채팅 전송 시 scrollToBottom 구현 ref로 Element의 scrollTop을 scrollHeight로 변경해주는 scrollToBottom 함수 구현 useEffect로 messages state… blog.qvil.dev https://velog.io/@dev_hikun/react-자주겪는-문제-해결방법 react 자주겪는 문제 해결방법 리액트를 하면서 겪던 린트 에러들 또는 자주 발생했던 에러에 대한 해결방법 모음집. velog.io 아래로 스크롤을 자동으로 내려주는 기능에 대.. 2022. 8. 4. MongoDB Nested Document에 대한 Query https://www.mongodb.com/docs/v4.4/tutorial/query-array-of-documents/f Query an Array of Embedded Documents — MongoDB Manual Docs Home → MongoDB Manual➤ Use the Select your language drop-down menu in the upper-right to set the language of the following examples.The following example selects all documents where an element in the instock array matches the specified documen.. 2022. 8. 2. 큐뱃 개발 - heroku 업로드 heroku로 업로드함 일단 homebrew가 안되길래 이걸 까는 것부터 시작 https://designdepot.tistory.com/209 2022. 8. 1. 큐뱃 개발 - 구글 로그인 (2022.07.28~29) 플러터로 했던 것처럼 Firebase를 사용하려고 했는데(28일) 몇 가지 문제가 생겼다. -페이지 라우팅이 안됨 : 잘 되던게 Fireabse Authentication을 추가하니까 문제가 생김 -axios 404 에러 : 이게 끝까지 해결이 도저히 안돼서 Firebase를 버리기로 했다. (29일) react-google-login을 사용하는 걸로 https://www.youtube.com/watch?v=HtJKUQXmtok 이걸로 구현했을 때는 기존에 만들어둔 기능들에 어떤 문제도 생기지 않았다. 2022. 7. 30. 큐뱃 개발 - MongoDB 관련 MongoDB연결하기 : 가입하고 프로젝트 만들고 클러스터 만들고 IP주소 입력한 후, MongdoDB Compass 설치 후에 를 실제 비밀번호로 바꿔서 넣어야 하는데, 이 때 특수문자가 있으면 URL encoded 되어야 한다고.. 찾다 찾다 여기까지 도달했다. hexademical을 보면 되는데, ! 를 입력하려면 %21 이 되는 식.. + 아래처럼 작성해야 하는데 혼자 위처럼 작성하고 있었음 웹의 input태그 등으로 받은 데이터가 undefined라고 떴는데, 아래 영상에서 우연히 해결책을 찾음 https://www.youtube.com/watch?v=jwVCgueYcgE&t=62s db의 데이터를 가져와서 state로 만들 때 참고한 것 https://stackoverflow.com/quest.. 2022. 7. 25. Rout (07.18 - 07.19) 트레이딩 봇 만들기를 본격적으로 시작. 텔레그램 봇 연결 나중엔 슬랙을 연결할 것 같긴 한데, 어이것도 재밌는 기능인 것 같다. 아래에서 봇 세팅하는 법을 모두 참고했다. https://medium.com/@robertbracco1/how-to-write-a-telegram-bot-to-send-messages-with-python-bcdf45d0a580 How to Write a Telegram Bot to Send Messages with Python This guide will show you the easiest way to use Python to send Telegram messages. I did this because I train machine learning models that… me.. 2022. 7. 20. 타이머 개발 12일차, 13일차 12일차(2022.07.05) express로 서버 만들기를 해보려 했는데, 아무리 해도 안되다가 찾은 원인이 리액트로 만들 때 package.json 파일에 저걸 다르게 적어둔 것이었다. 어쩐지 '/' 경로로 라우팅이 안되더라.. 참고한 영상 : https://www.youtube.com/watch?v=QBXWZPy1Zfs&t=83s 그거 해결하고, Vercel로 올려놓는 것까지만 하고 끝난 날이었다. 웹에 연결시키기 시작한 김에 axios로 L10P 스크램블을 추가해볼까 했는데, async를 써야 했던 점까지는 깨달았지만 알 수 없게 뭔가 안돼서 일단 나중으로 넘겼다. 13일차(2022.07.06) 운 스크램블에서 꼭 하고 넘어가야 할 것을 처리하기로 했다. 바로 현재 보여지는 스크램블을 별도의 변수.. 2022. 7. 7. 타이머 개발 4일차 4일차(2022.06.27) 스크램블 알고리즘을 tsx형식으로 변환하는 데에 성공했다. 스퀘어는 원작자에게 부탁했지만 그리고 타이머의 작동과 스크램블의 업데이트를 연동시키기 위해 스크램블 컴포넌트를 타이머의 child로 넣으려고 했는데, 그렇게 하니 타이머 숫자가 변할 때마다 스크램블이 업데이트되던... 그래서 타이머를 child로 넣었고, child에서 parent 안에 있는 함수를 작동시켜야 했다. https://webruden.tistory.com/924 [React] 부모-자식 컴포넌트 간 데이터 전달 방법 (Passing Data Between a Parent and Child in React) React에서 부모 컴포넌트와 자식 컴포넌트 사이에 데이터가 전달되는 방식에 대해 알아보겠습니다. 데.. 2022. 6. 28. 타이머 개발 1~3일차 1일차(2022.06.24) 거의 깃허브에 연결하는 법만 알아본 후 끝낸 수준..? 2일차(2022.06.25) 스톱워치를 만들어놓고 스페이스를 연결했다. addEventListener에서 그냥 onKeyUp을 사용 3일차(2022.06.26) 핀터레스트를 보며 UI레이아웃을 대충 정하고 Footer부터 만들기 시작했다. Footer -> Heaer -> Navigation Bar 순으로 이 때 라우터도 처음 사용해봄. 이렇게 모든 구성요소들이 들어가야 할 자리는 잡아놨고, 각각을 만들기만 하면 될 듯 스크램블부터 한 다음, 오른쪽에 들어갈 것들은 db를 알아본 후에 만들면 될 것 같다. 2022. 6. 27. (해외) 노베에서 4달만에 소프트웨어 엔지니어로 https://www.youtube.com/watch?v=-VDXBHLU8q4 CS전공이 아닌 상태에서 4달만에 소프트웨어 엔지니어가 되었다는 영상 가장 기억에 남는 건 (제대로 기억나지 않지만) 무언가 문제를 해결하는 걸 좋아한다거나, 코딩을 흥미롭게 공부했다는 말. 어떤 사람이 코딩을 해야 하는지 보여주는 사례인 것 같기도 하다. 그리고, 코딩에 관련된 직종이 사회의 측면에서는 계층 이동의 사다리가 될 수도 있지 않을까 하는 생각도 든다. 누구나 취업할 수준의 능력을 인터넷 상의 무료 정보들로 배울 수 있는 분야라니. 2022. 4. 24. 이전 1 2 다음
