본문 바로가기

js

[타임리프]org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing 안녕하세요 인포돈 입니다. 타임리프 템플릿을 랜더링 할 때, 자원을 찾지 못하는 오류 프로젝트에서 타임리프를 활용하면서, Model에 값을 넣어주어 활용하였다. 오류가 나는 부분은 아래와 같다. 오류 내용 org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/chatbot/chat.html]") Caused by: org.attoparser.ParseException: Could not parse as expression: "favoriteKeyword : ${favoriteKeywords}" (template: "cha.. 더보기
React v6 변화한 router 사용하기 (Link, Routes, Route 태그) 안녕하세요 인포돈 입니다. 최근에 변화된 React v6에 의거하여 작성되었습니다. 실행코드 ide는 vscode를 활용합니다! 리액트 이전에 html, css, js에 대한 기본 지식이 있어야 합니다. React Router란 웹 프런트엔드를 개발하다 보면 항상 document를 활용해 페이지를 넘겨주는 작업이 귀찮고, 사이트가 방대해질수록 점점 복잡한 구조 때문에 어려움을 겪기 일상입니다. 우리는 이러한 문제점을 보다 쉽게 해결하기 위해서 React에서 제공하는 Router를 사용하면 이러한 어려움을 해결할 수 있게 됩니다. 리액트에는 이러한 페이지 이동을 보다 쉽게 해주는 많은 라이브러리가 있지만, 대중적으로 가장 많이 사용하는 라이브러리가 바로 React Router입니다. 이러한 router는 .. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 7.2(객체, document메소드, 조건문, 반복문, while, js파일참조) 안녕하세요 인포돈 입니다. 누구나 javascript를 이해하실 수 있습니다. 본 7.2 글을 마지막으로 javascript의 기본 과정이 마무리됩니다. 해당 시리즈를 이해하신다면, js의 기초 끝났습니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 객체 객체는 연관된 데이터와 함수의 집합입니다. 여러 데이터 .. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 6 (객체, iterate, for in, method, 메소드, 함수, 변수, property, 속성, object) 안녕하세요 인포돈 입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 객체 이번에 알아볼 것은 바로 객체입니다. 이전에 Javascript에서 큰 산이 두 개가 있는데 그중에 하나는 함수였습니다. 다른 하나가 바로 객체입니다. 객체는 함수위에 존재하는 상위 개념입니다. 쉽게 말해서 함수를 보관하는 상자 정도로 .. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 5 (함수, return, parameter) 안녕하세요 인포돈 입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. 함수란? 자바스크립트에서 커다란 산이 두 개가 있다고 합니다. 그중 하나가 바로 함수입니다. 어렵긴 하지만 그만큼 효과가 엄청나기 때문에 꼭 사용해야만 하는 문법이기도 합니다. 자, 이전부터 자바스크립트의 여러 문법들을 싸 용해 봤습니다. 하.. 더보기
초보자를 위한 기초 7일 완성, 자바스크립트 강좌(Javascript) - 1 (JS란?, event, onclick, onchange, onkeydown, 웹에서 js사용하는 법) 안녕하세요 인포돈 입니다. 초보자를 위한 자바스크립트입니다. 코딩 초보자, 일반인, javascript를 처음 접하시는 분들에게 추천드립니다. 시리즈 별로 조금씩 학습해보면 일주일 안에 javascript가 무엇인지 알게 되는 경험을 할 수 있습니다. 지금 바로 시작합니다. * 참고사항 - 개발환경은 Atom을 기준으로 작성되었습니다. - 웹 브라우저는 크롬을 기준으로 작성되었습니다. - javascript 시리즈는 웹에서의 활용을 집중적으로 다루어 나갑니다. 1. javascript가 무엇인가? 인터넷 상에 있는 수많은 웹들은 html을 기반으로 만들어졌다. 그러나 html은 컴퓨터 프로그래밍 언어라기보다는 컴퓨터 언어라고 볼 수 있다. 여기서 프로그래밍이라는 단어의 의미는 '순서'라고 볼 수있다. h.. 더보기

티스토리툴바