'📁 Front-end' 카테고리의 글 목록

[D3.js] 지도 파일을 활용해서 지도 만들기

2024.08.07

네이버 날씨를 모티브로, 행정구역 도 단위의 해당 개수를 알려주는 웹 프로젝트를 진행하게 되었습니다. 1. 행정구역 svg/shp 파일 다운대한민국의 행정구역 svg/shp 파일은 GIS DEVELOPER 님의 블로그에서 받을 수 있습니다. 대한민국 최신 행정구역(SHP) 다운로드 – GIS Developer www.gisdeveloper.co.kr 2. 행정구역 Json 파일 다운 3. 행정구역 Json 파일로 지도 만들기 작성중 참고더보기 [D3.js] svg 지도 파일을 활용해서 나만의 지도 만들기! #14개월 간의 부트캠프가 끝이 나면서 2차 프로젝트도 마무리 되었다. 이번 2차 프로젝트에서는 나만의 경로를 지도에서 만들어서, 경로에 대한 추억을 기록하는 여행 기록 웹페이지를 제작하였다vel..

📁 Front-end/Web

[Figma] 피그마에서 AI로 3초만에 와이어프레임 그리기

2024.07.08

어쩌다보니.. 웹 디자인까지 ?! 와이어프레임 제작부터 피그마로.. 쉽지 않죠.. 이럴 때!! 피그마 플러그인인 AI가 와이어프레임을 (간단히) 그려주는 법을 알아보겠습니다.(물론 간단히라 ㅎㅎ.. 예쁜 디자인은 수동으로 더 구체화시켜야 겠죠?!) 이 방법으로 간단하게 GPT를 통해 웹 제작도 할 수도 있고코드를 수정하면서 고도화된 기능 개발까지 실력도 향상시키면서, 단기간에 효율적으로 수행할 수 있습니다. 😄 1. 피그마 데스크톱 다운 Figma 다운로드 | 데스크톱 및 모바일용 웹 디자인 앱macOS 또는 Windows용 데스크톱에 Figma 웹 디자인 앱을 설치하세요. 그리고 글꼴 설치 프로그램과 디바이스 미리보기 앱도 다운로드하세요.www.figma.com 2. 작업 수행새 디자인 열기 플..

📁 Front-end/Web

[Django] Note_app 만들기 (1)

2024.05.29

보호되어 있는 글입니다.

📁 Front-end/JavaScript

[D3.js] 그래프 데이터베이스 시각화 / 도형 그리기 (1)

2024.05.29

본 포스터는 [제주코딩베이스캠프] 인프런 강의를 수강하고 정리한 포스터입니다.1. D3란? D3 by Observable | The JavaScript library for bespoke data visualizationD3 The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibilityd3js.org HomeD3.js API Doc Translated to korean. . Contribute to zziuni/d3 development by creating an account on GitHub.github.com d3/API.md at main ·..

📁 Front-end/JavaScript

[JS] Data Visualizing 사이트 모음

2024.05.24

D3.js 인프런 d3 강의 학습 페이지 www.inflearn.com 리액트 개념정리 및 클론코딩 - 나중에 참고 드림코딩 아카데미대체될 수 없는 개발자로 성장하는 곳, 드림코딩academy.dream-coding.com neo4j + d3 로 그려보기 참고 사이트 d3.js로 network chart(graph) 그려보기javascript 라이브러리 d3.js 를 이용해 interactive network graph를 그려봤다.clamwell.github.io 더보기2023.12 - 참고 진행한 기업- Neo4j + d3 시각화 링크잇 :: LinkIt - 데이터 시각화, GIS 웹애플리케이션 개발업체 링크잇입니다.차트, 그래프, 지도를 활용한 모니터링 대시보드 개발 - HTML5와 수많은 오..

📁 Front-end/Web

[Web] 웹 개발이란, 웹 개발 도구

2024.04.17

웹 개발을 통해 웹사이트 만드는 방법을 알아볼 것이다. 목차웹 개발이란?웹사이트 구조웹 개발의 10가지 종류웹사이트 개발의 4단계유용한 웹 개발 도구 9가지 1. 웹 개발이란?웹 개발은 웹사이트를 만들고, 구축하고 유지 관리하는 것을 말한다.마크업(개발자가 웹사이트를 만드는 데 사용하는 언어), 코딩(프로그래밍 언어), 네트워크 구성 및 콘텐츠 관리 시스템(CMS)이 포함된다. 2. 웹사이트 구조웹 호스팅: 웹 호스트는 웹사이트 파일이 물리적으로 저장되는 서버 주소: 웹사이트 주소를 URL(Uniform Resource Locator), 도메인 이름(solearn.tistory.com)은 웹사이트의 전체 이름이고, URL은 해당 웹사이트 내의 특정 페이지 주소라는 점에서 도메인 이름은 URL과 다릅니..

티스토리툴바