깃헙리포지토리:https://github.com/woominKO/ERICA_MAP
erica map: https://erica-map.netlify.app/
기술스택:imagemap, HTML,CSS ,JS
처음 입학했을때 학교 건물 위치를 잘 몰라 막막했다. 그래서 지도를 찾으려고 에타를 뒤져봤더니 공식 블로그가 있긴 했다. 지금 생각해보니까 지도 사이트가 있었으면 좋겠다고 생각했다. (이미 있을것 같긴한데 코딩공부용으로 따로 만드는거니까.. 뭐.. )그래서 오늘 수업시간에 공식 블로그에 있던 지도를 가져와서 대충 html에 쑤셔박았다.
내가 구현하고 싶은 기능은 에리카 전체 지도에 버튼을 하나씩 만들어서 누르면 건물 층별로 지도가 나오도록 하는것이다. 토이 프로젝트니까 가벼운 마음으로 시간날때 만들예정이다. 백엔드는 다룰줄 몰라서 서버리스로 파이어베이스 튜토리얼 보면서 대충 사이트를 만들었다. 깃이랑 깃허브도 쓸줄 몰라서 퍼블릭 폴더에 이미지랑 html js 다 뭉탱이로 넣었다.( 이거 원래 이렇게 더럽게 쓰나요?) css는 아직 강의를 거기까지 안들어서 구글과 gpt한테 물어보면서 기능같은것들을 배웠는데 아직 잘 모르겠다.
개발 공부경력은 딱히 없고 undemy 2023 web developer bootcamp 수강중이다. 유튜브로 틈틈히 노마드 코더같은 유튜브 영상을 보긴 한다.
질문: 이미지의 특정 구역을 지정해서 버튼처럼 쓸 수 있게 할 수 없나요?
맨큐의 개발일지