본문 바로가기

코딩(Coding)/Web

 (8)
[Spring]_#2 HelloResponsDto package kr.ac.andong.web.dto; import lombok.Getter; import lombok.RequiredArgsConstructor; @Getter @RequiredArgsConstructor public class HelloResponseDto { private final String name; private final int amount; } Controller package kr.ac.andong.web; import kr.ac.andong.web.dto.HelloResponseDto; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.we..
[Spring]_#1 1) 스프링 정의 - 간단히 스프링이라 지칭하지만 정확하게는 스프링 프레임워크 (Spring Framework) 라고 하는 것이 정확한 표현.' * 자바(JAVA) 플랫폼을 위한 오픈소스(Open Source) 애플리케이션 프레임워크(Framework) * 자바 엔터프라이즈 개발을 편하게 해주는 오픈 소스 경량급 애플리케이션 프레임워크 * 자바 개발을 위한 프레임워크로 종속 객체를 생성해주고, 조립해주는 도구 * 자바로 된 프레임워크로 자바SE로 된 자바 객체(POJO)를 자바EE에 의존적이지 않게 연결해주는 역할. Gradle 연결 buildscript { ext{ springBootVersion = '2.1.7.RELEASE' } repositories { mavenCentral() jcenter()..
[jQuery]_#1 jQuery - 모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리 - 2006년 1월, 존 레식John Resig이 BarCamp NYC에서 발표 - 무료로 사용 가능한 오픈 소스 라이브러리 - Query는 다음 기능을 위해 제작됨 기본 틀 ''' ' ' $(document).ready(function(){ }); ' ' } DOCTYPE html> $(document).ready(function(){ $('*').css('color','red'); }); J Query! 실행결과> 아이디 선택자 - 아이디 선택자는 특정한 id 속성이 있는 문서 객체를 선택하는 선택자 - 두 번째에 위치한 h1 태그가 id 속성으로 target을 가짐 DOCTYPE html> $(document).ready(..
HTML_5일차 [JavaScript] Q1> DOCTYPE html> h1{ text-align: center; } p{ text-align: center; } ul{ text-align: center; color: red; } var count=0; var number=prompt("숫자를 입력하세요"); number=Number(number); document.write("3의 배수 찾기 ") for(var i=3;i DOCTYPE html> h1{ text-align: center; } p{ text-align: center; } var number=prompt("숫자를 입력하세요"); number=Number(number); if(number%4==0){ document.write("4의 배수일까 아닐까 "); document.wri..
HTML_4일차 [JavaScript] 자바스크립트(JavaScript) - 객체(object) 기반의 스크립트 언어입니다. - HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. - 파이썬(Python) 처럼 타입을 자동지정해줌 - 사칙연산 가능, bool 형등 c# 과 같음 - switch, if ,else if 모두 작성가능 태그안에 작성 alert : 알람창 ex) alert("hello javaScript"); prompt() : 입력값 받음 (scanf, readline) document.write: 화면에 출력 /* */, //: 주석..
HTML_3일차 예제> DOCTYPE html> table{ border-collapse: collapse; width:610px; } table,td,th{ border:solid 1px #ccc; text-align: center; } img{ width:50px; height:25px; margin:3px; padding:3px; } #title{ height:30px; background-color: gray; } .col{ color:hotpink; background-color: pink; text-decoration: underline; } 열차번호 출발 도착 출발시간 특실 일반실 소요시간 175 서울 부산 21:00 02:44 177 서울 부산 21:30 02:38 179 서울 부산 22:00 02:42 ..
HTML_2일차 절대경로: http://로 시작하는 주소, 인터넷 상에서 하나밖에 없는 유일무이한 고유한 경로를 의미 상대경로: 현재 폴더의 위치를 기준으로 대상 파일이나 폴더의 위치를 저장 태그의 src 에 저장된 사진 뿐만 아니라 이미지 주소복사를 통해 웹의 이미지를 링크할 수 있음 : 외부파일을 재생하기 위해 사용 : MP3, WAV 등의 오디오 파일을 재생할 때 사용 - src: 삽입하는 오디오파일의 이름(경로포함) 지정 - controls: 화면에 플레이어 표시여부 지정 - autoplay: 자동시작 지정 - loop: 무한반복지정 : 비디오파일을 삽입할 때 사용 - src: 삽입하는 비디오파일의 이름(경로포함) 지정 - controls: 화면에 플레이어 표시여부 지정 - autoplay: 자동시작 지정 - l..
HTML_1일차 - WWW(World Wide Web) § 인터넷, 컴퓨터, 웹 브라우저(web browser)를 통해 글자, 이미지, 동영상, 음성 등의 데이터를 사용자에게 제공하거나, 사용자와 컴퓨터 또는 사용자 상호 간 에 소통하게 해주는 서비스 § 마이크로소프트의 인터넷 익스플로러(Internet Explorer), 구글의 크롬(Chrome), 애플의 사파리(Safari), 모질라재단(Mozilla Foundation)의 파이어폭스(Firefox) 등 - 서버와 클라이언트 ① 클라이언트가 웹 페이지의 주소(URL, uniform resource locator) 입력 ② 서버는 요청을 받은 데이터를 클라이언트의 컴퓨터에 전송 ③ 클라이언트의 웹 브라우저는 서버가 전송한 데이터를 해석하여 화면에 표시 문서편집기 : ..

티스토리툴바