일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- livereload
- test image
- Spring
- color site
- 새로고침
- Devtools
- RGB WEB
- 테스트 이미지
- 팬톤 색상 웹
- RGB 생성
- 웹 테스트 이미지
- springboot
- Today
- Total
목록Program Language (10)
기억은 휘발성 메모리
Devtools와 Chrome Live Reload Plugin 을 이용한 개발 환경 설정 스프링 부트로 개발할때, html, css, javascript등 View 변경 시 다시 빌드를 해야되는데, 시간이 소모가 생각보다 크다. Devtools 와 Chrome Live Reload 플러그 인을 쓴다면, 저장 시 브라우저의 html, css javascript의 변경 사항을 자동으로 감지하고 변경된 내용이 적용을 해준다. (신세계 경험) 간단한 설정 3분으로 귀중한 시간을 아낄 수 있다.! Step1. build.gradle 파일에 Devtools 추가 gradle 기준 dependencies { runtimeOnly 'org.springframework.boot:spring-boot-devtools' ..
1. python의 장점문법이 쉽고 간결하다. (자료형을 설정할 필요가 없다) -> 배우기 쉬움많은 커뮤니티가 형성되어 있어 질의가 쉽다. -> stack overflow빠른 개발이 가능 -> 이미 만들어져 있는 모델이 많다. 2. python이 사용되는 곳입문언어로 이용google, youtube, nasa, machine learning
jQuery 는 자바스크립트의 라이브러리이다. jQuery를 받아오는 방법jQuery CDN jQuery Syntax $(selector).action() ex) $(this).hide() - hides the current element $("p").hide() - hides all elements. jQuery Eventready 웹페이지 로딩이 끝났을때click 클릭 됬을때focus 마우스를 올렸을때 jQuery Effects $(selector).hide(speed,callback); $(selector).show(speed,callback); $(selector).fadeIn(speed,callback); $(selector).animate({params},speed,callback); jQue..
build tool1. maven spring boot2. gradle 안드로이드 페이징 처리 -> 현재 대부분의 웹 익스플로어에서 지원됨. 실습 p263 1. 설계 in html 모든 것은 블록(BOX)으로 생각한다. 인라인을 쓰지 않음DOM tree -> 전위, 후위, 중위 순회(재귀) (병렬 처리가 불가) 스프링부트에서 외부 라이브러리 파일 불러오기pom.xml 파일 수정하기 google -> maven repository 검색 https://mvnrepository.com/(자바 각종 라이브러리)Thymeleaf Layout Dialect 검색후 pom.xml 파일에서 dependencies에 추가하기 2.CRUDC : CreateR : ReadU : UpdateD : Delete 부트스트랩(CS..
Chrome 사용 기준디버깅이 필요한 부분에 값을 console.log(해당변수)를 script 코드에 추가한다.F12 혹은 Ctrl + Shift + i 를 이용해 Chrome 개발자 도구를 연다.Console Tab으로 이동한다.해당 값을 확인한다. 디버깅의 기본은 내가 의도한 값이 들어가는지 확인하는것 !!
객체지향언어에서 string 변수는 변수로 생각되는것 뿐만아니라 string 객체 내에 포함된 다양한 Method들을 포함하고 있다.자바스크립트에서 모든것은 Array Object 둘중 하나이다. var s = ""; s 는 문자열var s = []; s 는 배열 배열 vs 객체(필드변수 + 메소드) 배열 a = [ "사과", "배"];index가 정해져 있음 0,1접근 방법 a[0] 객체 a = {첫_번째 : "사과", 두_번째 : "배"};index를 지정해 주어야 함접근방법 a.첫_번째 = "사과"
function print() { window.document.getElementById("time").innerHTML = Date(); } window.setInterval(print,1000);
Title 구구단 단 : function print() { var dan = document.getElementById("input").value; var gugudan = ""; for (var i = 1; i < 10; i++) { gugudan += dan + " x " + i + " = " + dan * i + ""; } document.getElementById("gugu").innerHTML = gugudan; } document.getElementById("button").onclick = print; MethodDescriptiondocument.getElementById(id)Find an element by element iddocument.getElementsByTagName(name..
이전Model Controller 연동 HTML5CSS(Bootstrap)JAVA Script(jQuery)(화면처리)Java -> 템플릿엔진 -> HTML자바에서 주는 값을 HTML로 변환 라이브러리1. Thymeleaf2. Web3. DevTools(controller가 변경되어 저장되면 값이 변경경됨) https://docs.google.com/forms/d/e/1FAIpQLScVPOj3-7jIrNjB8HLImsPY5EycthtqXMjH5hCSSXaZPsLbqw/viewformhttps://blog.naver.com/conaca html을 제외한 모든것 ex) image soundError404 //속도가 빠름(but 비표준) @Controllerpublic class SampleController..