본문 바로가기
728x90
반응형
[GG]재활용 쓰레기 분류 하기 게임 - 04. 재질별 대표적인 쓰레기 지난 시간에는 선별 과정을 검토하여, 그 중 거의 마지막 단계에서 플라스틱 재질별 분리 작업을 구현하기로 하였습니다. https://learn-and-give.tistory.com/30 [GG]재활용 쓰레기 분류 하기 게임 - 03. 게임화 할 선별과정 선택 및 대략의 게임 구상 앞에서 재활용 쓰레기 선별소에서의 선별 과정을 살펴 보았습니다. https://learn-and-give.tistory.com/26 [GG]재활용 쓰레기 분류 하기 게임 - 02. 선별 과정 분석 분리 배출을 하면, 뭔가 내가 지구를 위해 learn-and-give.tistory.com 이런 저런 자료를 찾다보니, 이 단계의 달인이 '생활의 달인'에 나오신 적이 있네요. 대단하시긴한데 마스크도 끼지 않으시고, 작업장 천장도 낮아.. 2023. 1. 16.
[GG]재활용 쓰레기 분류 하기 게임 - 03. 게임화 할 선별과정 선택 및 대략의 게임 구상 앞에서 재활용 쓰레기 선별소에서의 선별 과정을 살펴 보았습니다. https://learn-and-give.tistory.com/26 [GG]재활용 쓰레기 분류 하기 게임 - 02. 선별 과정 분석 분리 배출을 하면, 뭔가 내가 지구를 위해서한 것 같고, 함부로 쓰레기를 버리는 사람들을 비난해도 될 만큼 나의 죄가 씻겨나간 것 같은 가벼운 마음이 듭니다. 그러나, 선별 과정 영상을 찬찬 learn-and-give.tistory.com 이것을 게임화 하는 것은, 결코 이 과정을 희화하거나 가볍게 보려는 것은 아니며, 게임의 형태로 관련 된 이슈를 노출하여 조금이라도 더 관심을 가지게 하려는 목적이 큽니다. 행여, 방법의 잘못이 있다면 좋은 방법을 제안해서 함께 더 바람직한 방향으로 만들어 나가면 좋겠습니다... 2023. 1. 8.
[GG]재활용 쓰레기 분류 하기 게임 - 02. 선별 과정 분석 앞에서, 이 프로젝트를 하게 된 배경과 쓰레기 선별장의 작업에 대한 개괄적인 내용을 살펴봤습니다. https://learn-and-give.tistory.com/25 [GG]재활용 쓰레기 분류 하기 게임 - 01. 배경 *GG = Good Game = 사회에 쬐끔은 도움이 되는, 그래서 좋은 게임. Code for Korea에서도 Civik Hacking 활동을 해서 결과까지 내는 과정이 참 어려운 것 같고, 내 개인의 삶에 대한 걱정도 나이만큼 커져가고. learn-and-give.tistory.com 분리 배출을 하면, 뭔가 내가 지구를 위해서한 것 같고, 함부로 쓰레기를 버리는 사람들을 비난해도 될 만큼 나의 죄가 씻겨나간 것 같은 가벼운 마음이 듭니다. 그러나, 선별 과정 영상을 찬찬히 보니, 분.. 2023. 1. 4.
[GG]재활용 쓰레기 분류 하기 게임 - 01. 배경 *GG = Good Game = 사회에 쬐끔은 도움이 되는, 그래서 좋은 게임. Code for Korea에서도 Civik Hacking 활동을 해서 결과까지 내는 과정이 참 어려운 것 같고, 내 개인의 삶에 대한 걱정도 나이만큼 커져가고. 이런 저런 고민들을 많이 하다가, 의미있는 일을 열심히 하되, 올해는 좀 재미있게 살아보자 싶어 구상한 프로젝트입니다. Code for Korea 내의 프로젝트 중, 분리배출이 있습니다. 오래 된 주제이고, 여러가지 방법을 고민해봤지만, 결국에는 상황이 얼마나 심각한지, 우리가 얼마나 죄책감을 가져야 하는지 가시화하여 사람들의 마음에 변화를 이끌어보자는 방향의 결론에 도달하게 됩니다. 처음 활동을 시작했을 때는 이런 결론이 나오면 막 설레였습니다. 저것을 만들기만 하.. 2023. 1. 3.
'따릉이' 사용 이력의 가시화 Project - 04. 대여소 위치 표시하기 이제 대여서 위치를 표시 해 보도록 하겠습니다. 이것은 기존에 참고했던 맛집 위치 표시 코드를 그대로 사용하면 됩니다. 그런데, 코드 분석을 너무 안해서 D3를 써서 어떻게 그리고 있는지 거의 모르고 있네요. 그리는 부분만 좀 확인 해 보도록 하겠습니다. 우선 색상은 class별로 색상을 지정하는 style을 써서 적용했기 때문에, javascript code에는 나타나지 않습니다. style을 회색에서 녹색으로 수정해 보겠습니다. 요렇게 지정한 색상이 적용 됩니다. 나중에 구별로 다른 색상을 표시하려면 fill 속성값을 로직으로 직접 계산해서 출력해야겠네요. 출력 된 HTML 코드를 보면, 색상과 관련 된 속성은 없는 것을 볼 수 있습니다. class id를 보면 style이 적용 된 속성인 것을 알 .. 2021. 2. 7.
kakao map 넣기 firebase로 web hosting을 알아보고, 이제 또 map을 알아보게 된 것은 아래 영상 때문입니다. 시각장애인을 위한 음향신호기에 대한 영상인데, 이걸 보고 나니 전국의 음향신호기를 전수검사 했으면 싶은 마음이 생기네요. 그래서, cloud sourcing을 할 수 있는 웹앱을 만들어 보면 어떨까해서 대충 지도 위에 뭔가 표시 할 수 있는 방법을 알아보게 되었습니다. www.youtube.com/watch?v=2YtqorTKD9c Code for Korea에서 진행 중인 프로젝트 중에 안심이 지도라는게 있는데, ansim.me/ 안심이 ansim.me 코로나 때문에 만들어진 지도인데, 아직은 그 프로젝트에 기여 할 만한 웹 배경 지식이 부족해서 우선 따로 한번 만들어 보려고 합니다. 또 한편,.. 2020. 12. 15.
Firebase로 web hosting Pilot project를 만들어서 온라인에서 써 보려면 어떤 형태로든 public에서 접근 가능한 곳이 있어야 하는데, 지속적인 서비스를 하지 않으면 이런 곳 섭외부터가 좀 부담이 됩니다. 최근에 github에 올린 코드가 그대로 hosting 되는 것을 확인했는데, 애초 목적이 그것이 아니라서 정적인 코드만 쓸 수 있다는 한계가 있었죠. 그런 문제로 자문을 구해 보니, firebase에서 web hosting이 된다는 것을 알 수 있었고, 조금 맛을 보니 꽤 좋은 것 같네요. 간단히 확인 한 내용 정리 해 둡니다. 이 내용의 포스트도 여기저기 많이 있으니 참고 하시면 됩니다. 저는 Firebase에서 준비 해 둔 내용을 보고 따라 해 봤습니다. https://firebase.google.com/doc.. 2020. 12. 12.
우리 사회를 걱정하는 코드 특공대, CodeForKorea 사람은 무엇을 위해서 생겼을까? 무엇을 위해 살아야 할까? 대학교 1학년 때 계속해서 스스로를 괴롭게 했던 질문입니다. 당시, 여러가지로 힘든 일도 많았던 이유가 있어서 더 궁금하기도 했지만, 여전히 속시원한 답은 알 수가 없답니다. 그럼에도, 지금 잘 살아가고 있는 것은, 어느 날 낮잠을 자다가 가위에 눌린 경험 덕분입니다. 가위에 눌린 상태로 꿈을 꿨는데, 몸이 어딘가로 빨려가고, 그 곳으로 가면 죽는다는 느낌이 들었습니다. 죽고 싶지 않고, 살고 싶다는 마음이 간절했습니다. 가위에서 풀리고 꿈을 깬 후, 살아있다는 사실이 감사했고, 삶의 의미는 계속 고민하되, 할 수 있는 한 알차게 채워나가는 것이 좋겠다 싶었습니다. 큰 전환점이 된 경험이죠. 자신의 존재 가치를 확인하고 싶은 욕구는 모든 사람에게.. 2020. 12. 12.
'따릉이' 사용 이력의 가시화 Project - 03. 서울지도 그리기와 대여소 현황 데이터 얻기 많은 분들께 참조가 되었던 아래 사이트의 내용을 잠시 살펴보겠습니다. https://www.lucypark.kr/blog/2015/06/24/seoul-matzip-mapping/ D3를 이용한 서울시내 맛집 시각화 (feat. 식신로드) - Lucy Park 이 글의 초안은 원래 지난 5월 초에 작성했는데, 바쁜 일들 처리하고, 메르스가 오고, 여차저차 하다보니 어느덧 6월 말이 되어버렸네요. 시의성을 위해서는 맛집 대신 다른 내용의 지도를 내보�� www.lucypark.kr 지금은 코로나가 난리인데, 메르스가 언급 되는 것을 보니 시간이 많이 흐른 것이 체감 되네요. 코로나도 빨리 지나가면 좋겠습니다. 1. 요약 [0단계] - D3.js와 TopoJSON을 이용해서 가시화 한다. [1단계] - 네이.. 2020. 8. 23.
'따릉이' 사용 이력의 가시화 Project - 02. D3.js로 서울 지도 그리기 검색을 해 보니 많은 분들이 정리 해 둔 자료가 많습니다. (나만 열심히 하면 되는???) 쫓기듯 조급하게 생각하지 말고, 즐기는 마음으로 천천히 해 보겠습니다. 1. 서울 지도 그리기 샘플 검색을 해서 서울 지도를 그리는 포스트를 하나 찾아봤습니다. 이 포스트 내용만 해도 아주 많은 내용을 담고 있고, 공부 할 것이 많아요. 다 알고 구현하려면 말이죠~ 그런데, 그렇게 하면 지치고 재미가 없어질 수 있으니까, 필요한 것만 가져다 쓰는 방식으로 한번 활용 해 보겠습니다. 올려두신 자료 잘 한번 써보겠습니다. (참고 사이트도 잘 정리 해 두셨어요.) http://blog.daum.net/l357next/9 d3.js로 만든 서울지도, 전국지도 d3.js로 만든 서울지도, 전국지도 마우스휠로 확대, 축소 가.. 2020. 8. 23.
'따릉이' 사용 이력의 가시화 Project - 01. 뭘 할까?? 최근에 Opentutorials/생활코딩/구글에서 진행한 인공지능 입문 교육에 참여 해 봤습니다. 강의를 다 듣고나니 뭐라도 당장 해 보고 싶은 마음이 막 솟구칩니다. https://www.opentutorials.org/course/4548 머신러닝1 - 생활코딩 www.opentutorials.org Opentutorials는 꽤 오래 전 부터 코딩을 아주 쉽게 설명 해 주는 강좌가 가득차 있어 온, 멋진 곳입니다. 참여 하시는 분들도 대단하시지만, 이 조직(?)을 이끌어 온 '이고잉'님의 정성이 이런 성과를 만들어 낸 것 같습니다. https://www.opentutorials.org/ opentutorials.org 오픈튜토리얼스 업데이트 www.opentutorials.org 뭔가 새로운 것을 .. 2020. 8. 22.
728x90
반응형

티스토리툴바