공부/Front-End7 공공데이터포털 활용 프로젝트 - 지역 맛집 리스트 웹페이지 만들기 공공데이터포털 활용 프로젝트 - 지역 맛집 리스트 웹페이지 만들기 1. 공공데이터 포털 접속 https://www.data.go.kr/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 2. 소상공인시장진흥공단_상가(상권)정보 CSV 다운로드 3. CSV 전처리 전처리는 본인이 원하는 지역, 도로명, 사업자등록 기준 등 본인의 기준대로 전처리를 할 수 있다. 이 포스트의 예시에서는 분류가 음식이고 특정 도로명을 기준으로 전처리했다. 4. HTML, CSS, JavaScript 코드 작성 - Dynamic Filter S.. 2023. 7. 16. 무료 부트스트랩 템플릿 다운로드하는 방법 무료 부트스트랩 템플릿 다운로드하는 방법 웹 개발 보다 기능에 우선순위를 두고 싶을 때는 템플릿을 다운 받아서 시간을 절약하자. 1. Bootstrap 템플릿 무료 다운로드 사이트 #01 https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides Start Bootstrap develops free to download, open source Bootstrap 4 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap. startboo.. 2021. 3. 14. GitHub Pages 호스팅하기 GitHub Pages 호스팅하기 1. www.youtube.com/watch?v=ZneWjyn18e8 전세계 코딩 교육 1타 강사 Shiffmann 선생님... 어느 강사, 교수, 선생님보다 Shiffmann 센세보다 더 재밌게 가르치는 분은 아직 못 봤다. - GitHub Pages에 interactive P5.js을 호스팅하는 방법을 알려준다. - 예시에서 보여준 호스틍 웹페이지 shiffman.github.io/p5-sketch-video-tutorial/ 2. www.youtube.com/watch?v=n1wvs7xuUYk GitHub을 Microsoft가 인수했다.. 전세계 모든 코드는 Microsoft가 가지고 있다고 해도 과언이 아닌데 ... 2021. 3. 14. Responsive Website Development and Design Specialization Responsive Website Development and Design Specialization www.coursera.org/specializations/website-development#courses Responsive Website Development and Design Offered by 런던 대학교. Responsive web design is all about creating the best user experience regardless of whether a user is accessing your site from a desktop computer, a mobile phone, or a tablet. This Specialisation covers the basics of mod.. 2021. 1. 10. [JavaScript #02] Functions [JavaScript #02] Functions 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 // Greeting function function greeting(name, time) { console.log('Good ' + time + ', ' + name + '!'); } // Calculating cube function function cube{number) { return number * number * number; } //executing greeting function greeting('John', 'Morning'); //prints out "Good Morning, John!" //executing cube function console.log(cube(2)); /.. 2020. 12. 13. [JavaScript #01] Object [JavaScript #01] Object 1 2 3 4 5 6 7 8 let collegeStudent = { name: 'John'; age: 23; major: ComputerScience; minor: Management; }; console.log(collegeStudent.age); We just created an object named 'collegeStudent.' It has four different properties; name, age, major, and minor. At line 8, its code will print out "23" as an integer type. We will look further later when we deeply get into Object-Or.. 2020. 12. 13. Full Stack Bootcamp Online Full Stack Bootcamp Online 풀스택 온라인 부트캠프 1. www.udemy.com/course/the-complete-web-development-bootcamp/ The Complete 2020 Web Development Bootcamp Become a full-stack web developer with just one course. HTML, CSS, Javascript, Node, React, MongoDB and more! www.udemy.com 2. 클론코딩 연습 nomadcoders.co/courses All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 3. 온라인 공부 방법 .. 2020. 11. 17. 이전 1 다음