멀티캠퍼스22 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 후기 5개월간 레이스가 끝이나다.. 오랜만에 글을 쓰는 것 같다. 세미프로젝트가 끝나고 회복이 되지 않은체 바로 파이널 프로젝트로 들어가고 나서 프로젝트에 집중을 하다보니 블로그 작성에 소홀해지며 자연스레 공부한 것도 올리지도 못한 꼴이 되어버렸다.(물론 변명이겠지만..) 글을 매일 올리고 기록하는것은 보통 각오로는 어려운것이 느껴졌다.. 세미프로젝트도 파이널 프로젝트도 대부분의 역할을 80~90%정도 소화를 하다보니 본의아니게 번아웃이 온 것 같다. 그래서 후기글도 이렇게 늦게나마 작성하게 되었다... 각설하고 멀티캠퍼스의 전체적인 수강과정은 만족스럽다. 별점을 굳이 준다면 4개~4개반정도 이다. 아무 기초없이 들이대었던 나에게 자바가 어떻게 동작되는지 그리고 웹 생태계는 어떻게 굴러가는지에대한 설명을 같이.. 2022. 8. 29. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 35일차. 📢day35__Spring Spring Spring, SpringBoot 스프링과 스프링부트는 엄연히 다르다. 스프링은 스프링부트의 전신이며 사용하려면 굉장히 복잡하고 어려운 셋팅들을 해야하기 때문에 프로젝트할때는 스프링부트를 이용해서 작업을 진행할 예정이며, 스프링에대한 개념도 잡고 넘어갈 계획이다. Spring을 아는것은 DI,AOP적 관점을 알아야한다. spring으로 웹을 구성하기 위해서는 Spring MVC 혹은 SpringBoot를 활용해서 만들 수 가 있다. DI,AOP,SpringMVC,SpringBoot총 4가지 방식이 있으며 DI,AOP경우 XML OR Anotation을 활용하여 할수 있으며, XML로 처리시 양이 많아지면 XML에서 모든걸 컨트롤하기 때문에 XML을 관리하기 어려워질.. 2022. 5. 30. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 33일차 📢day33__webServerSpring web 웹은 크게 브라우저, 웹서버, 데이터 베이스 3가지 구성요소를 갖는다 브라우저 - 웹서버 간 소통을 앞단(프론트앤드)이라 한다. 데이타베이스 - 웹서버 간 소통을 뒷단(백엔드)라고 한다. (1)Browser 브라우저는 HTML,CSS,javascript를 해석하는 도구이다. Web Client Application이라고도 불린다. (2) Web Server 웹서버는 브라우저, 데이터베이스를 양단에서 소통한다. HTML,CSS,javsscript등 파일을 가지고 있고 브라우저에게 넘겨주며 소통한다. 데이터 또한 가지고 있어 데이터베이스에 넘겨주며 소통한다. 대표적엔 프레임 워크로서 SPRING이 있다. Web Server SPRING Java Control.. 2022. 5. 27. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 32일차 📢day32__API 활용 API API란? API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘입니다. 예를 들어, 기상청의 소프트웨어 시스템에는 일일 기상 데이터가 들어 있습니다. 휴대폰의 날씨 앱은 API를 통해 이 시스템과 "대화"하고 휴대폰에 매일 최신 날씨 정보를 표시합니다. API는 Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말입니다. API의 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타냅니다. 인터페이스는 두 애플리케이션 간의 서비스 계약이라고 할 수 있습니다. 이 계약은 요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법을 정의합니다. AP.. 2022. 5. 26. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 31일차 📢day31__개인 플젝 진행. hilight chart [hilightChart](https://www.highcharts.com/) 사이트 통해서 차트 양식을 가져올 수 있다. 화면 js 자바 data정보 @RequestMapping("/getchart") public Object getchart() { JSONArray ja = new JSONArray(); for(int i = 0; i < 15; i++) { Random r = new Random(); int data = r.nextInt(50)+1; ja.add(data); } return ja; } 개인 프로젝트 준비(day06) 주제 선정 그래도 나름 도움되는 웹을 만들어보자. (daily report??) 화면 설계 대문 (대문화면 로그인.. 2022. 5. 26. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 30일차 📢day30__Ajax 웹에서 비동기 방식 웹에서 특정부분만 데이터를 뿌려서 화면은 그대로 있고, 특정영역에만 데이터가 게속해서 수정되는 형식을 말한다. 웹서버에서 데이터를 받아와서 특정 영역의 데이터만 바꾸어야 하기 때문에 통신이 필요하다. AJAX AJAX란?? AJAX(Asynchronous JavaScript and XML)는 비동기 통신을 지원 하는 방식이며, 라이브러리형태로 존재한다. 2005년 2월 18일 미국 adaptivepath라는 회사의 웹 사이트에 에세이 하나가 올라 왔다. 제목은 "Ajax : A new Approach to web Applications"이고 작성자는 Jesse James Garrett이다. 여기서 AJAX는 시작 되었다. AJAX는 새로운 언어가 아닌 JavaS.. 2022. 5. 26. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 29일차 📢day29__jQuery Events jQuery jQuery for-each문 index : n번째 item : 배열 $(d).each(function(index,item){ }); jQuery Event More Actions MethodDescription `click()` 클릭 이벤트 처리 `dblclick()` 더불 클릭 이벤트 처리 `mouseenter()` 마우스가 해당 element 안으로 이동 했을 때 이벤트 처리 `mouseleave()` 마우스가 해당 element 밖으로 이동 했을 때 이벤트 처리 `mousedown()` 마우스가 해당 element 에서 클릭 했을 때 이벤트 처리 `mouseup()` 마우스가 해당 element 에서 클릭을 햐제 했을 때 이벤트 처리 `hover.. 2022. 5. 26. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 28일차 📢day28__JQuery JQuery jQuery란? 2006년 1월 존 레식(John Resig)이 BarCamp NYC에서 발표 jQuery는 자바스크립트 라이브러리 중 하나이다. JavaScript programming을 아주 쉽고 빠르게 작업이 가능하다. jQuery는 비교적 배우기 쉽다. jQuery는 오픈소스 라이브러리 이다. [Jquery 공식 사이트](http://www.jquery.org) 다양한 함수와 플러그인을 제공한다 JavaScirpt 와 jQuery를 함께 사용하여 프로그램을 진행. jQuery의 특징 jQuery는 JavaScript 라이브러이의 일종으로 기존에 JavaScript를 보다 빠르고 안정적으로 개발이 가능하다. 이벤트 처리가 쉽다. HTML DOM 관련처리가 쉽다.. 2022. 5. 26. 멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 27일차 📢day27__javascript JavaScript Javascript의 탄생 배경과 발전. Netscape 사가 1996년 2월 자바언어를 기반으로 하여 웹 브라우저에서 실행하는 스트립트언어로 발표되었다. HTML의 정적인 부분을 JavaScript를 이용하여 다이나믹한 UI와 이벤트를 처리에 사용되며 여러 브라우저 업체들이 벤더에 특화된 스크립트로 발전 하기 시작 한다. 모바일웹 및 다양한 웹 개발 분야에서 단순 Livrary로 사용되던 JavaScirpt는 Angular JS와 같은 프레임워크로 발전 되며 세계에서 가장 많이 사용되는 언어로 발전 하게 된다. OOP를 지원함으로서 기존의 스크립트 언어의 한계를 극복. 2005년 AJAX를 발표 하면서 비동기 프로그래밍 가능하도록 발전 2006년 J.. 2022. 5. 26. 이전 1 2 3 다음
