ã³ãããããéçºè
ãšäžç·ã«ãæå°ãµãŒãã¹ãåŸæããð§
ããããµãŒãã¹ã®å¶äœã«é¢ããå€ãã®æ©ã¿ïŒ
ãå°å³ãµãŒãã¹ãäœãããã®ã§ãããã©ãããå§ããã¹ããããããŸãããã
ãå Žæã«é¢ããæ
å ±ãDBã«ä¿åãããã®ã§ãããã©ãããã°ããã§ããïŒã
ãå°å³ã®äžã«ããŒã¿ãå€ããªããšæé©åãå¿
èŠãªã®ã«ã©ãããã°ããã§ããïŒã
ããã«ã¡ã¯ãéçºè
ã€ã»ãã³ãã³ã§ãã
ç§ã¯1400äžäººãå©çšããã³ãããããããããŠãã¹ã¯ããããäŒç»ã»éçºããŸããã
è¬å±ãã¹ã¯åšåº«ãå°å³äžã«å¯èŠåãããããžã§ã¯ãããã¹ã¯ãããã
確å®è
é
ç·ãå°å³äžã«ç¹ãšç·ã§è¡šç€ºãããããžã§ã¯ããã³ãããããã
ãµãŒãã¹éå¶äžã«æãããå¯ãããã質åã®1ã€
ãã³ãããããã®ãããªãµãŒãã¹ãäœã£ãŠã¿ããã®ã§ãããã©ãã§ã©ã®ããã«å§ããã®ãããããŸãããã§ããã
ããã§è¬çŸ©å¶äœãèããããšã«ãªããæšå¹Žãæå°ãµãŒãã¹å
¥éè
ã®ããã®è¬çŸ©ãæäŸããŸããã
å€ãã®æ¹ã
ã®å¿æŽãšé¢å¿ã®ãããã§åè¬çŸ©ã§ããã«ãããããããè¯ããã£ãŒãããã¯ãããããåããŸããã
è¬çŸ©ãžã®ãã£ãŒãããã¯ã®äžã§ããã倿§ãªæ©èœãåŠã³ãããšããæèŠãå€ããæ°ããè¬çŸ©ãèšç»ããããšã«ãªããæ¬è¬çŸ©ãå¶äœããŸããã
Inflearn <ã³ãããããéçºè
ãšã®æå°ãµãŒãã¹ãäœæ>è¬çŸ©åè¬è©
ä»åã®è¬çŸ©ã§ã¯ãMongoDBãMongooseãã¢ããããŒãæ©èœãããŒã«ãŒã¯ã©ã¹ã¿ãªã³ã°ãè¡æ¿åºåã®å¯èŠåãªã©ãããæ·±åããå
容ã远å ããã³ããããããçŸåšãŸã§éå¶ããªããåŸãæå°ãµãŒãã¹å¶äœããŠããŠãçã蟌ãã§ããŸããã³ãããããã§äœ¿çšããæ©èœãæé©åæ¹æ³ãã©ã€ãã©ãªã®æŽ»ç𿹿³ãªã©ãã§ããã ãããããããè¬çŸ©ã«è§£ãæãããŸããã
çããã®æå°ãµãŒãã¹ã®å®ååäžã«å€ãã®ã圹ã«ç«ãŠã°å¹žãã§ãã
ããããšã:)
ãªãå°å³ãµãŒãã¹ãªã®ãïŒ
åºå
žïŒãžã§ã³ãªãŒå
¬åŒããŒã ããŒãž
çŸåš1000äžããŠã³ããŒãã¢ããªãZenlyïŒãžã§ã³ãªãŒïŒ - 芪ããåéå士ãããåç¥ã§ããïŒ
ããããZäžä»£ãé »ç¹ã«å©çšãããµãŒãã¹ã§ãå°å³äžã«åéã®äœçœ®ãããããªãŒãç§»åé床ãªã©ã衚瀺ããŠãäºãã«å
±æãããµãŒãã¹ã§ããããã«ããããžã§ã³ãªãŒã¯æ°ããªã³ãã¥ãã±ãŒã·ã§ã³æ¹åŒã§æ¥æµ®äžããŠäººæ°ãåŸãŠããŸãã仿¥ãZäžä»£ã¯èªåã®çŸåšå°ãšç§»åçµè·¯ãä»äººãšå
±æããã®ã«ãªãã¿ããããšè¡šçŸã§ããŸãã
åºå
žïŒãžã§ã³ãªãŒå
¬åŒããŒã ããŒãž
ããã¯çŸåšã®ãã¬ã³ããšããŠäœçœ®ã¥ãããç¶ããŠããŸãã
ãã®ãããäœçœ®æ
å ±ãç§»åçµè·¯ãå¯èŠåããå°å³ãµãŒãã¹ã®éèŠæ§ã倧å¹
ã«å¢å ãããšäºæ³ããŠããŸãã
äœçœ®æ
å ±ãèŠèŠåããã®ã«æé©ãªUIã¯ãŸãã«å°å³ã ããã§ãã
çŸåšã¯ã³ãã19ã®ããå€éšãžã®åºå
¥ãã¯èªç±ã§ã¯ãããŸããããããã³ãã19ãå
æããææãæ¥ãã°å¿
ç¶çã«ãªãã©ã€ã³æŽ»åã«å¯ŸããéèŠãå¢å ããé¢é£äºæ¥ãæé·ãããšæããŸãã
ãã®ãããªãªãã©ã€ã³æŽ»åãæ¯æŽããã®ããå Žæã座æšãäžç®ã§èŠèŠåã§ããå°å³UIã§ãã
ã³ãããããããããUIãæ¡çšãã1400äžäººãè¶
ãããŠãŒã¶ãŒã«å€ãã®å©ããäžããŸããããã®ããã«ãå°å³ãµãŒãã¹ã¯ããŸããŸãªãµãŒãã¹ãšçµã¿åãããããšãã§ããççºçãªå¯èœæ§ãæã£ãŠããŸãã
ä»äººãšå·®å¥åãããèªåã ãã®åŒ·ã¿ãè²ãŠããæ¹ã«ãã®è¬çŸ©ããå§ãããŸãã
äœãåŠã³ãŸããïŒ
åŠç¿å
容ïŒè¬çŸ©ã®ç¹åŸŽ
åœå
å¯äžïŒ
æå°ãµãŒãã¹å¶äœè¬çŸ©
MongoDB / Mongoose / Node.js /
Express / Naver map API / Kakao map API
ããŒã¿ã«åºã¥ããŠããŒã«ãŒãäœæãã
ã€ã³ãã©ãŠã£ã³ããŠã衚瀺ããæ©èœ ã«ã«ãªapiãæŽ»çšããããŒã¯ãŒãæ€çŽ¢ MongoDBã«äœçœ®ããŒã¿ãä¿åãã ããŒã«ãŒã¯ã©ã¹ã¿ãªã³ã°æ©èœ è¡æ¿åºåããŒã¿ã¬ã€ã€ãŒæ©èœ - æå°ãµãŒãã¹ã®éå¶ã«å¿
èŠãªæ©èœãéžå¥ããŠè¬çŸ©ã§æäŸããŸãã
- ãã®æ©èœããªããã©ã®ããã«æžãããã®ããçè§£ããããããããã®èª¬æãæäŸããŸãã
- åå¹ãæäŸããŠè¬çŸ©ã«ããéäžã§ããç°å¢ãæäŸããŸãã
ã»ã¯ã·ã§ã³å¥ç޹ä»
Section 0. è¬çŸ©ã®ç޹ä»
ãããžã§ã¯ããšè¬çŸ©ã®ç޹ä»ãéããŠãä»åŸäœæããããããµãŒãã¹ã§åŠã¶ããšãã§ããæ©èœã«ã€ããŠèª¬æããŸãã
Section 1. åæç°å¢ã®æ§ç¯
ãããžã§ã¯ãå¶äœã«å¿
èŠãªåæç°å¢ãèšçœ®ããŠèšå®ããæ¹æ³ã玹ä»ããŸãã Node.jsãšVS Codeãéçºã«å¿
èŠãªå¿
é ããã±ãŒãžãã€ã³ã¹ããŒã«ããŠå®è¡ããŠã¿ãŸãã
Section 2. ããããµãŒãã¹ãããžã§ã¯ãã®æ§ç¯
ExpressãæŽ»çšããŠãµãŒããŒãå®è¡ããæå°ãµãŒãã¹ãäœæããæºåãããŸãã Naver Maps APIãçºè¡ããŠãã®ãããžã§ã¯ãã«é©çšããŸãã
Section 3. ããŒã«ãŒãšã€ã³ãã©ãŠã£ã³ããŠã®äœæ
ããŒã«ãŒã衚瀺ããã¯ãªãã¯ã€ãã³ãã远å ããŠã€ã³ãã©ãŠã£ã³ããŠã衚瀺ããæ¹æ³ã«ã€ããŠèª¬æããŸããè€æ°ã®ããŒã«ãŒã衚瀺ããããCSSãä»ããŠããŒã«ãŒã¢ã€ã³ã³ã倿Žããããã€ãã³ãã远å ããŠãŠãŒã¶ãŒã®å©äŸ¿æ§ãåäžãããããšãã§ããŸãããŸããã€ã³ãã©ãŠã£ã³ããŠã掻çšããŠæ
å ±ãå°å³äžã«è¡šç€ºããŸãã
Section 4. MongoDBãšMongooseã®æŽ»çšNoSQLã®ä»£è¡šçãªDBã§ããMongoDBã玹ä»ãããã¹ãã£ã³ã°ããŠã¿ãæ¹æ³ã«ã€ããŠç޹ä»ããŸãããŸããCompassãšããDB管çããŒã«ãã€ã³ã¹ããŒã«ããŠå®è¡ããŠã¿ãŸãããŸããNode.jsãšMongoDBçšã®ODMããã±ãŒãžã§ããMongoseã玹ä»ããŠã€ã³ã¹ããŒã«ããã¹ããŒããäœæããŸãã
Section 5. ã¢ããããŒãæ©èœåæç°å¢æ§ç¯
ã«ã«ãªAPIãæŽ»çšããŠããŒã¯ãŒãæ€çŽ¢æ©èœãå®è£
ããçµæããŒã¿ã«åºã¥ããŠå°å³äžã«è¡šç€ºããæ©èœã远å ããŠã¢ããããŒãæ©èœã®ããã®åæç°å¢ãæ§ç¯ããŠã¿ãŸãã
Section 6. ã¢ããããŒãæ©èœã®ä»äžã
ããŒã¯ãŒãæ€çŽ¢çµæããŒã¿ãMongoDBã«ä¿åããå°å³äžã«è¡šç€ºããæ¹æ³ãåŠã³ãŸãã Postmanãšéä¿¡ããã¢ããããŒããµãŒããŒãæ§ç¯ããŸãã
Section 7. ããŒã«ãŒã¯ã©ã¹ã¿ãªã³ã°æ©èœã®å®è£
ããããµãŒãã¹ã®æé©åæ¹æ³ã®1ã€ã§ããããŒã«ãŒã¯ã©ã¹ã¿ãªã³ã°æ©èœã玹ä»ããŠå®è£
ããŸããããããµãŒãã¹ã§è¡šç€ºããå¿
èŠãããããŒã¿ãå€ãå Žåã¯ãã¯ã©ã¹ã¿ãªã³ã°æ©èœãä»ããŠããããåéããŠè¡šç€ºããŸãã
Section 8. è¡æ¿åºåïŒåºŠïŒããŒã¿ã¬ã€ã€ãŒè¡šç€º
è¡æ¿åºåå¥ã«åºç»ãåããŠèŠèŠåããæ¹æ³ã«ã€ããŠç޹ä»ããŸãããŸããè¡æ¿ãŸãŒã³ããšã«è©²åœãŸãŒã³ãã¯ãªãã¯ãããšããããŠã¹ãäžãã£ããšããäžãã£ããšãã«å¿ããã€ãã³ãã远å ããŠããŒã«ããããšãã®ãŸãŒã³ã®è²ã倿Žããæ©èœãå®è£
ããŠã¿ãŸãã
ãããã質å
Q. ææ¥å
容ãã©ã®çšåºŠã¬ãã«ãŸã§æ±ããŸããïŒ
æ¬è¬çŸ©ã§ã¯ãæå°ãµãŒãã¹ãäœæããããã®åºç€çãªå
容ãããããæ·±åçãªå
容ãŸã§åºãã¹ãã¯ãã«ãæäŸããäºå®ã§ãã
ãã®ããåçŽïœäžçŽãŸã§ã®é£æåºŠãæã£ãŠããŸãã
Q. ãã€ããŒAPIãšã«ã«ãªAPIã®äž¡æ¹ãæžããçç±ã¯ãããŸããïŒ
ããããã®ã¡ãªãããããã®ã§ããããæå€§éã«æŽ»çšãããããã§ãã
Naver Map APIã¯ã远å ã®æ©èœãšæé©åãããŸããã£ãŠãããšèããŠãããã«ã«ãªAPIã®å ŽåãããŒã¯ãŒãæ€çŽ¢æ©èœã®ããã©ãŒãã³ã¹ãéåžžã«è¯ãã®ã§ã2ã€ããã¹ãŠæ¡çšããŠäž¡æ¹ã®å©ç¹ãæå€§åããããšããŠããŸãã
Q. éå°æ»è
ãèãããšãã§ããŸããïŒ
åœç¶å¯èœã§ãããã ããå°å³ãµãŒãã¹ã®ç¹æ§äžãJavaScriptãå€ã䜿çšããå¿
èŠããããããåºç€çãªç¥èãæ±ããããå ŽåããããŸãããã®ãããé¢é£ç¥èãäžè¶³ããŠããå Žåã¯ããã®è¬çŸ©ã§æäŸããããŒãããããéããŠHTMLãCSSãJSé¢é£ã®åºç€ç¥èãç¿åŸåŸã«åè¬ããããšããå§ãããŸãã
Q.以åã®è¬çŸ©ãšã®éãã¯äœã§ããïŒ
以åã®è¬çŸ©ãã³ãããããéçºè
ãšäžç·ã«æå°ãµãŒãã¹ãäœããã®å Žåãæå°ãµãŒãã¹å¶äœå
¥éã®ããã®è¬çŸ©ã§ããïœïŒåã«å°å³ãæµ®ãã¹ãããããŒã«ãŒã衚瀺ãããªã©ã®åºæ¬çãªæ©èœã ããåŠã³ããå Žåã¯ã以åã®è¬çŸ©ãåè¬ããããšãããããããŸãã
æ¬è¬çŸ©ã«ã¯ããµãŒããŒéä¿¡ãMongoDBãšMongooseã«ããããŒã¿ãã³ããªã³ã°ãããŒã«ãŒã¯ã©ã¹ã¿ãªã³ã°ãAjaxãããŒã¿ã¬ã€ã€ãŒè¡šç€ºãªã©ãåçŽããäžçŽãŸã§ã®å
容ãçã蟌ãŸããŠããŸãããã®ãããããå€ãã®æ©èœãåŠç¿ãããæ¹ã«ããããã§ãã
å°å³ãµãŒãã¹å¶äœã
å®å
šåºç€ããå§ãããã®ãªãïŒ