기초공사 (html,css,javascript)

/* 연습 $(document).reday(function(){ $('h1').css({'color' : 'red'}); }); _ css에서는 이렇게 표현됨 -css로 풀어쓰고 재해석 1. h1{color:red;} 2. 언더라인 생기게 #typo .inner{text-decoration:underline;} 3. 아래쪽 5px 두께 red css에서는 #typo .inner{border-bottom:5px solid red;}쓴다. 4. 돌려라 #typo .inner{transform: rotate(45deg);} 5. 글씨의 투명돌르 50% #typo .inner{opacity:0.5;} */ _ jquery로 재해석 $(function(){ $('h1').css('color','red'); //c..

프로젝트 배포하는 방법 WAR란 WebApplication Archive의 약자로 말그대로 웹 어플리케이션 저장소이며 웹 어플리케이션을 압축해 저장해 놓은 파일이라고 생각하시면 됩니다. 개발한 웹어플리케이션 프로젝트가 WASWeb Application Server에서 돌아갈 수 있는 구조를 담고 있으며 JSP 및 서블릿 빈클래스 등의 소스가 컴파일 되어 저장되며 기타 이미지 및 자원들이 포함되어 있습니다. Eclipse > propertise > Deployment 에서 확인 가능한 프로젝트를 구성하는 폴더들이 war 파 일에 담겨있습니다. 검색 WAR(Web Application Archive)파일은 java기반의 웹 애플리케이션을 배포하기 위한 포맷이다. 이 포맷은 Java EE(Enterprise ..

*****javascript body 로드되고 할일을 아래처럼 쓴다. //DOMContentLoaded 뜻 body 로드되고 나서 할일. document.addEventListener('DOMContentLoaded', function(){ document.getElementsByTagName('h1')[0].style.color='red'; }); *****jquery body 로드 되고 할 일을 아래처럼 쓴다. // $(document).ready(function(){ // $('h1').css({'color':'red'}) // });---> 아래처럼 간단하게 줄일 수 있다. $(function(){ $('h1').css({'color':'red'}); }); *****소스 쓰는 순서**** 이두개..

http://kimilb412-2.blogspot.com/2014/09/eclispe-svn-conflict.html [일기] Eclispe 에서 SVN 쓰다가 Conflict(충돌)(이)가 났다. [그림 1] 상황은 위와 같다. 빨강의 C가 눈에 가히 거슬린다. [그림 2] [그림 3] [그림 2]와 [그림 3]에서 충돌 난 부분을 보여준다. 그러나 구분하기 힘들다. 이에 이를 편히 확인하기 위... kimilb412-2.blogspot.com 설명이 잘 나와있다. 이클립스에서 오류있는 폴더 우클릭 --> team --> edit conflicts 한 파일인데 화면이 두개 나온다. 왼쪽은 작업하고 있는 중 / 마지막 커밋한 파일 옮기기전에 왼쪽에서 작업했던 소스를 카피해서 노트패드에 붙인다. 오른쪽 상..

// heading을 클릭했을때 그 부모인 question에 active클래스가 추가되어야하고 사용자가 몇번째 heding을 클릭했는지 알아야함. 무엇을 클릭했는지. heading에 타겟을 주어서 그 부모에 active를 넣어줘야함. 그전에 모든 question에 active를 삭제해줘야함. 그런데 heading도 여러개여서 배열로 들어올거고,, quesiton도 여러개여서 배열로 들어올것이다. for 반복문을 이용한다. for(){ question[z].classList.remove('active'); } --> 그리고 heading의 무엇을 클릭했는지 알려고 하면 function(ev)를 넣어서 즉 매개변수를 넣어서 그 heading의 부모노드에 active를 추가해줘야함. ev.targer.pare..

보물창고 merge 하는법 file --> MergeDB --> 병합할파일선택 ---> 병합됨

1.org.apache.catalina.LifecycleException, 심각: 클래스 [com.bridgetec.ar.common.ContextInitializer]의 애플리케이션 리스너를 설정하는 중 오류 발생 java.lang.ClassNotFoundException 해결방법 https://meongj-devlog.tistory.com/122 [tomcat] 에러 org.apache.catalina.LifecycleException, java.lang.ClassNotFoundException 해결방법 java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException: Failed to start component [Sta..

//html Collapse All FAQ + Lorem ipsum dolor sit? Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquid voluptate fugit quaerat non molestiae quo magni soluta minima corporis! Soluta, ipsa et. Quos quibusdam, nesciunt totam ullam quasi neque! + Lorem ipsum dolor sit? Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquid voluptate fugit quaerat non molestiae quo magni s..

html DOCTYPE html> CodePen - javascript_06_accordion_FINAL Collapse All FAQ + Lorem ipsum dolor sit? Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquid voluptate fugit quaerat non molestiae quo magni soluta minima corporis! Soluta, ipsa et. Quos quibusdam, nesciunt totam ullam quasi neque! + Lorem ipsum dolor sit? Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliqu..

css편 * { box-sizing: border-box; -webkit-font-smoothing: antialised; } body { background-color: #313944; padding: 5em 20em; } h1 { color: #fff; font-family: 'Cormorant Infant'; font-size: 72px; font-weight: 700; line-height: 72px; letter-spacing: -1px; margin-bottom: 48px; text-align: center; } h1:after { color: #1fcfcb; display: block; content: '. . .'; font-size: 26px; line-height: 24px; heigh..