beepbeep

오류라고 하긴 그렇지만.. 가끔 이런 문제가 생긴다. 사진이름.transferTo(new File(저장경로)); 이클립스에서 위와 같은 형식의 코드를 사용해서 사진을 정상적으로 업로드했는데, 막상 그 경로로 가보면 아무런 파일도 없는 경우가 있었다. 알고보니 저장이 안된게 아니라, 다른 경로에 저장이 되어있었다. C:\...\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\... 이 경로는 Tomcat 서버를 이용해서 프로젝트를 실행했을 때, 프로젝트가 배포되는 가상의 경로라고 한다. 만약, 이클립스에서 별도로 설정을 하지 않았다면 사진도 이 경로에 전부 저장되게 된다... 본론으로 돌아와서, 이 문제를 해결하는 방법으로 2가지를 알게 되었..

프로그램을 만들다 보면 일정 시간마다 특정 작업을 반복해서 수행시켜야하는 경우가 종종 생긴다. 예를 들어 한 시간마다 한 번씩 DB에 update를 수행해야하는 경우가 있겠다. Spring에서는 Scheduler를 이용하면 그러한 반복작업을 자동으로 수행할 수 있다! 1. Scheduler 준비 Scheduler를 사용하려면 우선 Scheduler를 bean 태그에 작성해서 bean으로 인식시켜야 한다. bean 등록은 servlet관련 설정을 입력하는 xml 파일에서 할 수 있다. 내 경우 servlet-context.xml 파일에 관련 구문을 작성해주었다. 1-1) servlet-context.xml의 상단 beans 태그에 다음 구문 추가 xmlns:task="http://www.springfram..

2022.11.01 문제 1 : pom.xml line1 maven configuration error - 프로그램 : spring - 발생 시점 : 파일 복사 - 붙여넣기 후 - 증상 : 서버 실행 시 컨트롤러 충돌 오류와 함께 서버가 실행되지 않음 - 오류 코드 : org.springframework.beans.factory.BeanDefinitionStoreException: Unexpected exception parsing XML document from class path resource [spring/appServlet/servlet-context.xml]; nested exception is org.springframework.context.annotation.ConflictingBeanD..

display 속성은 요소가 block 형태로 표시될지, inline 형태로 표시될지를 결정하며 요소의 배치 방식인 레이아웃을 결정합니다. 1. block block 속성을 가진 요소는 다음과 같은 특징을 가집니다. - 화면을 수직 분할 - 내용이 없거나 한 행을 전부 채우지 않아도, 한 행을 전부 차지함 - width / height를 이용해 크기 조절 가능 block 속성을 가진 대표적인 태그에는 , , , ~ , 가 있습니다. 2. inline inline 속성을 가진 요소는 다음과 같은 특징을 가집니다. - 화면을 수평 분할 - 작성한 만큼만 영역을 차지 - width / height를 사용할 수 없음 inline 속성을 가진 대표적인 태그에는 태그에는 , , , , , 가 있습니다. 3. inl..

html은 모든 요소를 box형태로 표현하며 이를 box model이라고 부릅니다. 각 box는 padding, margin, border, content 네 가지 영역으로 나뉩니다. 태그를 이용해 만든 요소를 통해 각 영역을 살펴보겠습니다. - content : 요소 내부의 내용이 작성되는 공간을 가리킵니다. - border : 요소의 테두리로, content의 바깥에서 content를 두르고 있습니다. - margin : 요소와 다른 요소 사이의 간격을 가리킵니다. - padding : content와 border 사이의 공간을 가리킵니다. 각 영역은 브라우저의 검사 메뉴를 이용해 쉽게 확인할 수 있습니다. css를 이용하면 각 영역의 크기 또는 특징을 결정할 수 있습니다. 1. content 요소 ..

1. float - float: left 요소를 띄워서 왼쪽으로 정렬함 - float: right 요소를 띄워서 오른쪽으로 정렬함 요소를 정렬할 때 사용하는 스타일 중 float 속성이 있습니다. float 속성은 요소를 띄워서 지정한 방향으로 정렬해줍니다. 이 때 요소의 형식이 inline-block 형식으로 바뀌게 됩니다. 요소를 띄운다는 것은 해당 요소를 기본 레이아웃의 흐름에서 벗어나게 만든다는 의미입니다. 2. clear - clear: left float: left를 해제함 - clear: right float: right를 해제함 float 속성을 사용하다 보면 요소가 겹치는 문제가 생길 수 있는데, clear 속성을 사용해 float 속성을 해제함으로써 문제를 해결할 수 있습니다. 3. 활..

position은 요소의 배치와 관련된 스타일입니다. position을 이용하면 요소를 웹 페이지의 특정한 위치에 고정시키거나, 화면 상의 특정 위치에 고정시킬 수 있습니다. 1. :relative - postion을 사용하기 위해서는 기준이 될 요소가 필요합니다. position: relative는 해당 속성을 가진 요소를 기준 요소로 만들어주며, 내부의 자식 / 후손 요소들은 상대적인 위치를 가질 수 있게 됩니다. 2) :absolute - 기본 요소의 배치 순서를 무시하고 지정된 절대 위치에 요소를 배치 absolute는 기본 요소의 배치 순서를 무시하고 지정된 절대 위치에 요소를 배치하는 속성입니다. 웹페이지의 특정한 좌표에 요소를 고정시킨다고 생각하시면 됩니다. #div1{ position:ab..

1) color - 16진수(#fff, #ffffff) - rgb(255, 255, 255) - rgba(255, 255, 255, 1) 투명도 조절 가능 - hsl : 색조 채도 밝기 - hsl(360, 100%, 100%) - hsla(360, 100%, 100%, 1) 투명도 조절 가능 2) text-decoration : 텍스트에 줄을 긋는 속성 - underline : 밑줄 - line-through : 취소선/삭제선 - overline : 윗줄 - none : 삭제 3) text-align : 내부에 작성된 글 또는 inline 요소를 정렬 * text-align은 display가 inline인 경우 적용되지 않는다. - left - right - justify : 양쪽 정렬(마지막 줄을 제외..

1) 좌우 이동 - transform: translateX(x축 방향 이동거리); 2) 상하이동 - transform: translateY(y축 방향 이동거리); 3) 대각선 이동 - transform: translate(X축 방향, Y축 방향); 4) scale(확대/축소) - transform: scaleX(비율) 2=2배 - transform: scaleY(비율) - transform: scale(X축 비율, Y축 비율) 5) rotate(회전) - transform: rotate(n deg); * 시계방향으로 회전

1) 원근법 transform: perspective(길이) 원근법을 적용하지 않으면 3차원 변형을 해도 제대로 보이지 않음 2) 이동 transform: perspective(원근법 적용 거리) translate3d(X축, Y축, Z축); 3) X축 회전 transform: perspective(원근법 적용 거리) rotateX(n deg); 4) Y축 회전 transform: perspective(원근법 적용 거리) rotateY(n deg); * 활용 예시 ) 좌우반전하기 transform: perspective(원근법 적용 거리) rotateY(180deg); 5) Z축 회전 transform: perspective(원근법 적용 거리) rotateZ(n deg); 6) 동시 사용 transform..