*작성자 환경 : macOS 결론 요약 엑셀 파일을 CSV 파일로 변환한다. 이 때, 인코딩을 UTF-8로 해야지 한글이 안깨진다. 변환된 CSV 파일을 웹 사이트를 이용해 JSON으로 바꾼다. 현재 카카오맵을 기반으로 상권 추천 웹 서비스 프로젝트를 진행 중에 있다. 특히, 이 부분은 GIS(지리정보시스템)과 연관이 깊다. 상권 분석 같은 경우 서울시나 소상공인진흥공단 처럼 공적인 목적이 많다보니, 사이트에서 제공하는 기능 자체도 굉장히 고도화되어 있다. 그것에 맞게 현재 개발중인 프로젝트에서도 지도 위에 다양한 정보를 표시해야 한다고 생각해서 편의 기능을 구현하는 중이다. 지도 위에 동 별로 커스텀 오버레이 구현하기 현재 하려는 건, 이거다. 자료 구하기 JSON 자료는 제공하는 곳이 많은데, 하나씩..
방법 1. 그냥 붙여넣기 html-css-js.com/html/character-codes/icons/ Icons and Symbols - 𝗛𝗧𝗠𝗟 𝗖𝗛𝗔𝗥𝗔𝗖𝗧𝗘𝗥 𝗖𝗢𝗗𝗘 𝗣𝗜𝗖𝗞𝗘𝗥 Search: ➤Clickto copy Boy Baby Girl Man Woman Old Man Old Woman Alien Monster Man Health Worker Woman Health Worker Man Student Woman Student Man Judge Woman Judge Man Farmer Woman Farmer Man Cook Woman Cook Man Mechanic Woman Mechanic Man Factory W html-css-js.com 😛 위 사이트에선 그냥 하단에서 위 코드를 복사해..
굉장히 기초적인 사항이지만, 코딩을 안하다보면 이것조차 까먹게 된다... 나를 위해, 또 다른 코린이를 위해 글을 쓴다.. 1. 구글 폰트에 접속한다. https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 마음에 드는 폰트를 선택한다. 3. 원하는 스타일을 골라, [Select this style]을 누른다. 4. 우측 사이드에 담긴 후에, [Embed]를 누른다. 5. Embed 안에 있는 코드를 적용한다. Embed 안에 있는 코드를 카피하여 적용하고자 하는 곳에 적용한다. - HTML 이라면 태그를 이용하고, - CSS에서..
사용 언어 : HTML, CSS 개발 환경 : VSCode HTML none CSS 1. flex는 BOX 형식에서만 적용되는가? .find .find__header { display: block; /* header의 모든 요소를 block 형식으로 해야지, space-around 적용. flex는 BOX 형식에서만 적용되는 걸까? */ } 2. BOX 색상 채우기 : padding + bg-color 채우기 3. 가운데 정렬 하기 .chat__write { position: fixed; bottom: 50px; width: 80%; left: 0; right: 0; margin: 0px auto; /* fixed가 적용된 상태에서 가운데 정렬하는 방법 마진 0, atuo | left, right 0 (..
사용 언어 : HTML, CSS 코드 편집기 : VSCode HTML 1. font awesome (fontawesome.com/icons/) 1. fas : Solid (채워진 형식) 2. far : Regular (일반적으로 제공하는 형식) 3. Sizes : fa-2x, 3x, 5x, 7x, 9x CSS 1. 동시 적용은 .(dot) / 상속된 것은 (space) .friend__avatar.g-avatar { width: 70px; } .friend__avatar g-avatar { width: 70px; } 2. 폰트 자체 색상이나 아이콘 크기를 바꾸려면 .friend__now-listening i { font-size: 12px; color: #52c279; } .friend__now-list..