Nellie's Blog

이 전에 프로젝트를 진행하면서 HiChart를 써 본 경험이 있다. 찾아보니, 아파치 이차트 라는 아파치 소프트웨어에서 지원하는 좋은 차트 라이브러리도 있어서 정리를 해보려고 한다. ECharts 개념 아파치 이차트(Apache ECharts)는 아파치 소프트웨어 재단(Apache Software Foundation, ASF)에서 지원하는 자바스크립트(JavaScript) 오픈 소스 시각화 라이브러리입니다. ECharts 특징 및 장점 1. 무료 및 오픈소스인 Apache 라이센스이기 때문에, 프로젝트 사용에 자유로우며 안정성과 신뢰성, 긴 호환성을 보장한다. (가장 큰 특징 및 장점) 2. 버전업/릴리즈 주기가 상당히 빠르다. v5.0.0, v5.0.1, v5.0.2 - 버전업 주기가 한달 미만이다. ..

스크립트에서 화면으로 렌더링 하는 과정에서 에러가 발생한 듯하다.. 에러메시지:  Uncaught SyntaxError: missing ) after argument list (at (색인):125:50)  BoardController @GetMapping public String getAllBoards2(@ModelAttribute("params") final SearchDto params, Model model) { PagingResponse response = boardService.findAllBoards(params); model.addAttribute("boards", response); model.addAttribute("params", para..

board.jsp 코드 페이징 제외한 기능이 되는 상태이다.  로그아웃 마이페이지 게시판 --%> 님 안녕하세요!--%>--%> 글 작성 제목 작성자 작성일 ${board.title} ${board.nickname} ${board.createdAt} ..

컨트롤러 @RequiredArgsConstructor @Controller @Slf4j @CrossOrigin public class HomeController { private final UserService userService; // 1. 회원가입 화면 @GetMapping("/register") public String signupForm() { return "register"; } // 2. 회원가입 @PostMapping("/register") @ResponseBody public void signup(@RequestBody UserDto userDto) { System.out.println("TEST"); System.out.printf("testDto == " + userDto.getEma..

제이쿼리(jQuery) 선택자 선택자명 설명 $("tag") tag라는 이름의 모든 태그 요소를 선택 $(".class") class라는 클래스명의 모든 클래스 요소를 선택 $("#id") id라는 아이디명의 아이디요소를 선택(한페이지에 1개만 가능) $("div li") div에 있는 li모두 선택 $("div > p") div의 p태그라는 직계자식을 선택 $(this) 현재선택중인 요소를 가리킴 ※ 선택자 태그 입력 시 홑따옴표(') 또는 쌍따옴표("") 모두 입력가능 $('') 또는 $("") 제이쿼리(jQuery) 메소드 모음 분류 메소드 설명 일반노드찾기 $(선택자).length 찾은개수 구하기 $(선택자).eq(index) n번째 노드 접근하기 $(선택자).get(index) $(선택자)[in..

- 자바스크립트를 사용하기앞서, Visual Studio Code 와 Node.js 를 설치해준다! - Node.js 란 ? "Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser" Node.js를 정의하는 문장. 우리가 자바스크립트 언어의 문법에 맞게 코딩을 했을 때 컴퓨터가 이를 해석해서 처리할 수 있도록 해주는 일종의 전용번역기. 이 번역기가 이전에는 웹브라우저에만 있었지만, 우리 컴퓨터에 Node.js만 설치해주면 웹브라우저가 아닌 곳에서도 자바스크립트 코드를 실행하..