본문 바로가기

프론트엔드8

스프링 부트 코딩 공작소 / 첫번째 애플리케이션(프로그램) 개발하기 스프링 부트 코딩 공작소 / 첫번째 애플리케이션(프로그램) 개발하기 지난 글에서 스프링부트 프로젝트를 생성했다면 그림과 같은 형태로 프로젝트가 생성된다. 지난 글은 스프링 부트 코딩 공작소 책의 챕터 1이었습니다. 이번 글부터는 챕터 2를 다룹니다. 챕터 2에서는 독서 목록 애플리케이션을 만듭니다. 책을 따라 애플리케이션을 만들기 위해서 프로젝트를 새롭게 생성합니다. 스프링 스타터 프로젝트를 선택합니다. Next를 클릭합니다. 필요한 초기 설정을 검색해서 추가하고 finish를 클릭합니다. 프로젝트가 생성된 모습입니다. 이 때 프로젝트를 생성하고나서 프로젝트 폴더 안의 파일들이 안 보이는 경우가 있습니다. 이럴때는 스프링IDE를 종료했다가 다시 실행하면 됩니다. 스프링을 종료하면 이런 화면이 나타나고, .. 2018. 3. 9.
html 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 removeChild, parentNode, replaceChild onload=function(){ //부모 노드에서 자식 노드 삭제 document.getElementById("div").removeChild(p2); //자식 노드에서 부모노드에 접근 document.getElementById("str").parentNode.parentNode.removeChild(p4); var div = document.getElementById("str").parentNod.. 2017. 12. 6.
html 예제 html 예제 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 Insert title here document.write(" Math Method "); document.write("2의 10승 : "+Math.pow(2,10)+" "); document.write("3,25,9,47,2,5,7 중 가장 큰 수 : "+Math.max(.. 2017. 12. 6.
p 태그 id에 자바스크립트 결과 담기 p 태그 id에 자바스크립트 결과 담기 코드 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 Insert title here //객체 생성 var person=new Object(); person["name"]="최은서"; person["age"]="20"; person["salary"]=3200; document.write(person["name"]+" "); document.write(person.age+" "); document.write(person.salar.. 2017. 12. 6.
html 회원 정보 확인 예제 html 회원 정보 확인 예제 코드 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 form과 function fieldset { width: 450px.. 2017. 12. 5.