본문 바로가기
  • Build Up Routine

Basic59

멀티캠퍼스 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.
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 26일차 📢day26__thymleat,boottrap 사용 HTML 반응형웹 반응형웹을 만들기위에서는 `head`태그에 `meta`태그를 추가한다. HTML CSS @media screen and (max-width: 767px){ body { background:coral; } } @media screen and (min-width: 767px) and (max-width: 959px){ body { background:green; } } @media screen and (min-width: 960px){ body { background:white; } } 스크린크기에따라 색 변경. 웹을 구성하는데 있어서 `.jsp` or `thymleaf` 를 통해 구성이 가능하다. thymleaf xmlns:th="[ht.. 2022. 5. 26.
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 25일차 📢day25__HTML2 & CSS HTML block 과 INLINE block : 전체 가로줄을 차지하는 요소 태그 , , , , , , , , , , ,, , , , , , , , , , , inline : 해당 컨텐츠만 차지하는 요소 태그 , , , , , , , , , , , , , , , , , , , , 태그 블록 형태의 기본적인 태그로 분할할때 사용한다. ​ CSS id HTML에서 유일무이한 이름을 갖는것으로 해당 1개의 이름만 css적용. class HTML 태그에 이름을 부여하고 해당 이름의 class는 모두 css적용. 속성 선택자(form에서 사용.) input[type="text"]{ background-color:green; } input[type="submit"]:hover{.. 2022. 5. 26.
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 24일차 📢day24__HTML HTML 은 태그들로 구성되어진다. head는 html의 속성, body태그는 내용을보여준다. HTML 태그 종류 태그 : 굵고 큰 글을쓸때 사용 보통 헤더같은곳에 쓰이며 h1 ~ h6 까지 있으며 숫자가 클수록 작아짐. 태그 : 기본적인 글을 쓸 때 쓰는 태그 태그 : 링크를 연결하는 태그. 태그 : 링크기능을 사용하지 않을때 씀. 보통 프로그램과 연동하여 링크를 사용할때 쓰인다. , 태그 : 리스트업 태그 내부에 태그를 넣어 사용하기도함.ol태그는 넘버링되어 시작됨. 태그 : table을 작성할때 쓰는 태그. 다음과같은형태. idnameage id01lee10 id02kim15 id03park25 id04hong20 태그 : 이미지 태그. 태그 : block형태 태그들 사이 줄.. 2022. 5. 26.

티스토리툴바