본문 바로가기
728x90

web16

React 기본 프로젝트 만들기 - MAC OS https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 1. Node.js 다운로드 다운로드 시 npm과 node 모두 설치한다.  2. VS Code 설치기본적으로 설치가 되어있었음  3. VS Code 에서 폴더 생성 후 View > Terminal 오픈- 리액트 앱 생성 명령어 : npm init react-app . (마침표는 현재 디렉토리에서 프로젝트 만든다는 뜻.)- 리액트 앱 띄우기 : npm run start - 로컬서버 연결 끊기 : 컨트롤 + c  4. JSXReact에서는 js와 html을 함.. 2024. 11. 10.
Front 라이브러리 - 워드클라우드 jQCloud/차트Chart.js 오늘은 프론트에서 쓰이는 간단한 라이브러리를 소개하려고한다. jQCloud var words = [ {text: "Lorem", weight: 13}, {text: "Ipsum", weight: 10.5}, {text: "Dolor", weight: 9.4}, {text: "Sit", weight: 8}, {text: "Amet", weight: 6.2}, {text: "Consectetur", weight: 5}, {text: "Adipiscing", weight: 5}, /* ... */ ]; $('#demo').jQCloud(words); jQCloud No conf Default configuration, no special parameters for words. var words = [ {tex.. 2021. 7. 16.
Kendo DatePicker 시작일 종료일 제한하기 (두가지 방법) 1. 날짜는 모두 선택 가능, 검색 버튼에서 검사하는 방법 모든 날짜를 선택할 수 있는 대신 검색 버튼을 누르면 alert창이 뜨고 시작과 종료일을 같은 날짜로 set해준다. //시작일과 종료일 체크한 후 이상 없으면 true반환 chkDatePicker : function () { var stDe = $("#stDe").data("kendoDatePicker").value(); var edDe = $("#edDe").data("kendoDatePicker").value(); if(stDe > edDe){ console.log("no"); return false; } return true; }, //이상 있을 시 시작일과 종료일 같은 날짜로 셋팅 setStEdDatePicker : function (){.. 2021. 5. 14.
톰캣 서버 재배포하기 (MobaXterm) 서버 재배포 과정 MobaXterm을 사용한다. MobaXterm free Xserver and tabbed SSH client for Windows The ultimate toolbox for remote computing - includes X server, enhanced SSH client and much more! mobaxterm.mobatek.net Home Edition다운로드 후 Session -> SSH에서 ip,username 입력한다. (port는 22) OK누르고 비밀번호를 입력해준다. 이때 글씨가 안보이는데 그냥 적어주면 된다. ps -ef | grep tomcat8 로 톰캣을 확인할 수 있다. 그리고 cd명령어를 이용해 톰캣 폴더로 옮긴 후 bin폴더에서 ./shutdown.s.. 2021. 5. 13.
Front에 쓰이는 JavaScript 라이브러리 (jqGrid, Kendo UI Grid) js와 html을 사용해 그리드를 더 쉽고 편하게 만들어 주는 라이브러리이다. HTML5개발자가 많이 사용한다고 한다. 1. jqGrid jQuery Grid Plugin – jqGrid We are happy to inform you that the new release of Guriddo jqGrid JS version 5.5.4 is released. This is bug fix release, but add a full support of jQuery 3.5.X, has numerous important fixes and add a very useful additions. Below is the list of additions an www.trirand.com 플러그인 다운로드 사이트이다. jqG.. 2021. 5. 12.
React란 무엇일까? React란? 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕는다. React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 꽤나 친절한 리액트 홈페이지. Document를 읽어보는 것을 추천한다. html에 추가해서 리액트를 사용할 수도 있고, JSX를 사용할 수도 있다. [ 리액트 기본환경 셋팅 참고 사이트 ] 누구든지 하는 리액트 2편: 리액트 프로젝트 시작하기 | VELOPERT.LOG 이 튜토리얼은 10편으로 이뤄진 시리즈입니다... 2021. 3. 29.
ajax의 개념, 사용이유, 사용방법 정리 AJAX : Asynchronous JavaScript And XML AJAX를 사용하면, 페이지 새로고침 없이 서버에 요청하고 서버로부터 데이터를 받고 작업을 수행할 수 있다. springMVC구조에서 사용할 경우 redirect로 요청하지 않고 ajax를 사용할 수 있다. => 자바스크립트를 활용하여 웹서버에 비동기요청을 보내기 때문 사용하는 이유 : 필요한 데이터만 받아 갱신하기 때문에 자원과 시간을 아끼고 속도가 향상된다. jackson를 pom.xml에 추가해준다. com.fasterxml.jackson.core jackson-core 2.12.0 com.fasterxml.jackson.core jackson-databind 2.12.0 그리고 컨트롤러에서는 @ResponseBody 어노테이션을.. 2021. 1. 27.
[spring기초] springMVC프로젝트 생성 Spring MVC 1. pom.xml 라이브러리 추가 Configure > Convert Maven하면 pom.xml자동 생성됨 org.springframework spring-webmvc ${spring.version} 2. web.xml 채우기 Dynamic Web Project만들때 next누르고 체크박스 표시하면 생성됨. contextClass org.springframework.web.context.support.AnnotationConfigWebApplicationContext org.springframework.web.context.ContextLoaderListener mvc org.springframework.web.servlet.DispatcherServlet contextClass .. 2021. 1. 20.
[django] 소셜 로그인 (구글/페이스북) pip install django-allauth 먼저 설치 settings.py INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.sites', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'blogapp.apps.BlogappConfig', 'portfolio.apps.PortfolioConfig', #allauth 'allauth', 'allauth.account', 'allauth.socialaccount', #providers 'allauth... 2020. 7. 24.
728x90

티스토리툴바