[JavaScript] cytoscape compound-drag-and-drop 구현
cytoscape.js란 네트워크 데이터의 시각화 및 분석을 위한 JavaScript 라이브러리다. 원하는 레이아웃이 있어 사용했지만 구글에 자료가 별로 없다는 단점이 있다 ㅠㅠ npm을 사용하기 때문에 node.js를 설치해야 한다. npm을 사용하고 싶지 않으면 필요한 플러그인 파일을 프로젝트에 포함시키면 된다. 나같은 경우 VScode에서 ...
cytoscape.js란 네트워크 데이터의 시각화 및 분석을 위한 JavaScript 라이브러리다. 원하는 레이아웃이 있어 사용했지만 구글에 자료가 별로 없다는 단점이 있다 ㅠㅠ npm을 사용하기 때문에 node.js를 설치해야 한다. npm을 사용하고 싶지 않으면 필요한 플러그인 파일을 프로젝트에 포함시키면 된다. 나같은 경우 VScode에서 ...
HTTP 완벽 가이드 18장 [웹 호스팅]에 관한 정리입니다. 웹 호스팅이란? 콘텐츠 리소스를 저장, 중개, 관리하는 일을 통틀어 일컫는다. 웹 호스팅 업체? 웹이 빠르게 대세가 되면서, 모든 사람이 웹 사이트를 원했지만, 냉난방 장치가 있는 서버실을 짓고 도메인 이름을 등록하고 네트워크 대역폭을 구매할 기술과 시간을 가진 사람은 드물었다....
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. 오늘의 실습 회원가입 시 비밀번호 암호화 하기 🔎그 전에 알아야할 것 BCryptPasswordEncoder이란? Spring Security에서 제공하는 비밀번호 인코딩 클래스이다. 사용자의 비밀번호를 안전하게 해시화하여 저장하고, 사...
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. 오늘의 실습 회원가입 페이지 생성 회원가입 DTO 생성 User 모델 생성 회원가입 Repository 생성 회원가입 Service 생성 회원가입 Controller 생성 🔎그 전에 알아야할 것 DTO(Data Tran...
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. 오늘의 실습 SecurityConfig 설정하기 🔎그 전에 알아야할 것 SecurityConfig를 설정해주는 이유? 사용자가 시스템에 로그인할 때 인증되어야 하고, 인증된 사용자에게는 특정한 권한이나 역할을 부여하여 특정 리소스에 접근...
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. 오늘의 실습 리다이렉션 해보기 🔎그 전에 알아야할 것 리다이렉트(Redirect)란? 리다이렉트(리다이렉션)는 클라이언트가 요청한 웹 페이지의 위치가 변경되었음을 나타내는 HTTP 응답이다. 리다이렉트(Redirect)가 필요한 이...
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. 오늘의 실습 Model을 사용하여 View 페이지로 데이터 값 넘기기 Model로 넘어온 데이터 값을 View 페이지에서 출력하기 🔎그 전에 알아야할 것 Model? Model은 Spring Framework에서 사용되는 인터페이스로...
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. 오늘의 실습 .txt 파일 응답하기 (기본경로는 resources/static) 스프링부트가 공식 지원하는 .mustache 파일 응답하기 스프링부트가 버린 .jsp 파일 응답하기 🔎그 전에 알아야할 것 템플릿 엔진이란? 템플릿 ...
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. HTTP Header에 담긴 Content-Type 이해하기 Content-Type이란? HTTP Body의 데이터 형식을 의미한다. Content-Type 종류 x-www-form-urlencoded 데이터 형식 ...
아이티윌의 국비지원 [스프링부트 SNS 포토그램 프로젝트] 강의를 수강하며 정리한 내용입니다. 쿼리스트링과 주소변수매핑 실습 @RestController public class QueryPathController{ @GetMapping("/chicken") public String chickenQuery(String type)...