React의 정의 React 공식 홈페이지에 따르면, 사용자의 인터페이스를 짓는 JavaScript library라고 설명한다. 문자 그대로 해석은 가능하지만 무언가 직접적으로 와닫지 않는다. 그렇기에 React를 사용하는 사이트들이 어떻게 동작하는가에 대해서 살펴볼 필요성이 있다. 많이들 알고있고 사용하고 있는 OTT(over-the-top) 서비스 중 하나인 Netflix를 예로 들어보자면, 처음 로그인을 하고 특정 버튼들을 눌러서 여러 상호작용이 가능하다. 이 때에 무언가를 로딩하느라 기다릴 필요도 없다. 또한, 화면 전환도 빠르며 브라우저에서 여는 웹 사이트가 모바일 앱과 같은 동작을 한다고 여길 정도로 매우 부르럽게 작동한다. 이는 기존의 웹 사이트 동작 방식과 사뭇 다른 느낌으로 다가온다. 전..
React에 대한 공부가 필요한 시점에서 스스로의 의욕도 다질겸 스터디를 시작하게 되었다. udemy라는 사이트를 통해서 영상 강의가 이뤄지며 앞으로 꾸준히 공부하고 포스팅을 하고자 한다. 해당 강의에서 제공한 데모 프로젝트들이 존재하는데 아래 Github를 통해 볼 수 있다. GitHub - gurcks8989/React-Demo Contribute to gurcks8989/React-Demo development by creating an account on GitHub. github.com
순번 study 과제 설명 9 JSP Model1, Model2, Spring MVC pattern 차이 Spring framework /Spring boot POJO / IoC / DI(3 types) / AOP spring controller return type spring controller parameter study 및 개념정리 https://www.javatpoint.com/spring-mvc-crud-example Spring을 이용한 CRUD 예제 만들기(with mysql) 10 https://codevang.tistory.com/249 링크 참고하여 1번의 LAB 예제에 MyBatis를 적용하여 생성해보기. -
HTML 삽입 미리보기할 수 없는 소스 이전 시간에 다루었던 JQuery를 활용하여 다음 코드를 제작했습니다. 0% Start Downloading
AJAX란 무엇인가? Asynchronous Javascript And Xml(비동기식 자바스크립트 & xml) 자바스크립트로 서버와 브라우저 간의 비동기식으로 데이터를 교환할 수 있는 통신 기능 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 비동기 방식(Asynchronous)? 웹페이지를 새로 불러오지 않고 데이터를 가져오는 방식이며, Ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그램은 계속 돌아간다는 의미를 내포하고 있다. 웹 페이지의 일부분만을 갱신하여 백그라운드 영역에서 서버와 데이터를 교환할 수 있다. AJAX를 사용하여 클라이언트에서 서버로 데이터를 요청하고 그에 대한..
