개발/프로젝트2(유데미)
-
[이력서 꾸미기] React 완벽 가이드 코딩연습1개발/프로젝트2(유데미) 2023. 7. 13. 13:37
문제는 다음과 같다 Exercise: Working with Functions 함수 작업하기 Your task is to write a new function that should be named combine and have the following characteristics: Accept three input values 세 개의 입력값을 받아들인다 Calculate a new value based on the three input values: a * b / c (if a, b & c are the input values) 입력값에 기반하여 새로운 값을 계산한다 Return the calculated result 계산된 결과를 반환한다 function combine (a, b, c) { retur..
-
[이력서 꾸미기] flyio로 배포하기개발/프로젝트2(유데미) 2023. 5. 25. 17:16
배포 완료 했다 아직 뭐 주소같은것들은 이력서에 들어가기 위해 손봐야겠지만 배포 완료 마지막까지 끝마쳤다 우선 배포가 힘들었던 점은 유데미에서는 Heroku로 배포하는 내용으로 나와있는데 Heroku가 유료화된 관계로 무료로 쓸 수 있는 사이트를 찾아야 했기 때문이다 railway도 있고 flyio도 있고 찾아보면 몇가지 더 있었지만 나는 flyio로 하기로 했다 일단 구글에서 flyio를 검색하고 웹사이트로 들어간다 https://fly.io/ Deploy app servers close to your users · Fly We have the hardware Purpose-Built Cloud We run physical servers in cities close to your users. As cl..
-
[이력서 꾸미기] 마지막을 향해가는 이력서 꾸미기개발/프로젝트2(유데미) 2023. 5. 22. 15:22
이제 deploy만을 앞두고 있는 지금! 또 문제가 있어서 블로그를 쓰게 되었다 const session = require("express-session"); const MongoDBStore = require("connect-mongo")(session); const store = new MongoDBStore({ url: dbUrl, secret: "secret", touchAfter: 24 * 60 * 60, }); 기본 저장소 대신 몽고 저장소를 쓰기 위해 connect-mongo를 쓰려고 하는데 강의에서는 이런 코드로 connect-mongo를 쓰라고 나와있는데 나는 아마도 몽고 버전이 강의보다 높았는지 이대로 실행하면 자꾸 class constructor MongoStore cannot be ..
-
[이력서 꾸미기] Geocode 오류때문에 얼마나 시간을 허비했는지개발/프로젝트2(유데미) 2023. 5. 2. 17:44
일단 과정은 간단했다 이제 수업이 얼마 남지 않은 시점에서 다 완성해가는 홈페이지를 보며 뿌듯해하며 이제 지도를 넣을 차례이구나 하며 기대하면서 만들고 있었는데 오류가 발생했고 오래걸렸다 일단 ejs 파일에 mapbox에서 복사해온 코드를 그대로 넣으면 된다고 해서 복사해오고 부분 수정한 것이다 여기까지는 문제가 없었다 지도가 잘 나와서 재미있었다 문제는 이 부분을 따로 떼서 js file에 넣으면서 시작됐다 mapboxgl.accessToken = mapToken; const map = new mapboxgl.Map({ container: 'map', // container ID // Choose from Mapbox's core styles, or make your own style with Mapb..
-
[이력서 꾸미기] Mongoose 에러 해결하기개발/프로젝트2(유데미) 2023. 3. 15. 15:52
완전 극초보 에러라서 검색해도 잘 나오지도 않고 어떻게 하는지 콜트 선생님은 이제 더이상 엄청나게 친절하지 않고 역시 인강의 문제가 이런것인가 싶을때쯤 문제를 해결했다 안그랬으면 이거가지고 오늘 하루종일 씨름할뻔 벌써 2시간 씨름했다 백엔드는 뭘 이렇게 깔아야할게 많은지 모르겠다 그냥 하면 되는데 어차피 no sql의 장점을 굳이 없애고 몽구스를 사용하는 이유도 잘 모르겠고? 그러면 그냥 sql을 쓰면 되는거 아닌가 싶긴 한데? 취업하면 알게되겠지 일단 mongoose 실행하려면 mongod.exe먼저 실행해야한다 이걸 안해서 그런거였음 알려주지도 않고 콜트선생님.. 뭐 당연한거겠지 다른 수강생들도 다 알고있었고 나만 몰랐나보다 아무튼 이거 실행하고 그리고 나는 콜트선생님을 따라하느라 거기 써져있는 그대..
-
[이력서 꾸미기] EJS(Embedded JavaScript Templating)개발/프로젝트2(유데미) 2023. 3. 13. 21:13
일단 오늘 배운 풀코드 const express = require('express'); const app = express(); const path = require('path'); const redditData = require('./data.json'); app.use(express.static(path.join(__dirname, 'public'))) app.set('view engine', 'ejs'); app.set('views', path.join(__dirname, '/views')); app.get('/', (req, res) => { res.render('home'); }) app.get('/cats', (req, res) => { const cats = [ 'Blue', 'Rocket'..
-
[이력서 꾸미기] 터미널 명령어가 왜 다른거죠개발/프로젝트2(유데미) 2023. 3. 3. 22:03
요즘 인강을 들으면서 느끼는건 학교다닐때 무작정 아무것도 모르면서 따라만했던 그런것을 이제야 조금 왜 하는지 어떻게 쓰는건지 알아가는 기분이다 어제부터는 자바스크립트를 드디어 좀 마무리? 하고 터미널로 들어갔다 터미널은 예전에 아나콘다에서도 써보긴 했고 얼마전 장고 공부할때도 써보고 했지만 이렇게 제대로 배울일은 없었는데 수업 내용 좋은것 같다 콜트선생님은 맥을 쓰는데 나는 윈도우를 쓰다보니 명령어가 달라서 man touch 하면서 재밌어하고 있는데 나는 man command가 안돼서 이곳저곳 찾아보고 있었다 맥안쓰는 설움 맥 써야하나 맥에서는 뭐 알고싶은 명령어 설명이 있으면 manual의 줄임말인 man 명령어 이렇게 사용한다고 한다 예를들어 touch면 man touch 그리고 touch가 만들기가..
-
[이력서 꾸미기] 실제 데이터를 불러오는것은 재밌다개발/프로젝트2(유데미) 2023. 2. 28. 22:28
전에 데이터 요청해서 불러와서 실습했을때는 그냥 그 데이터가지고 분석만하고 그래서 그냥 그런가보다 했고 어떻게 이거를 활용하는지는 몰랐는데 이걸 자바스크립트로 불러올수 있으니까 더 재밌다 직접 움직이는게 눈에 보여서 그런가 데이터시각화할때는 그냥 보기좋게 불러오는건가보다 생각했었다 XHR sucks 라는데 fetch가 10년정도 되어서 newishㅋㅋ 한 방식이라고 한다 XHR도 나쁘지 않아보인다고 생각했는데 async방식을 보니까 훨씬 짧고 깔끔하다 그리고 axios 같은거 나도만들고 싶다 배우면서 이런게 왜 없지 생각했더니 역시 있네ㅋㅋ https://github.com/axios/axios#installing GitHub - axios/axios: Promise based HTTP client fo..