기본 콘텐츠로 건너뛰기

6월, 2019의 게시물 표시

개발 공부 - 페이지가 두 번 submit 되는 경우 확인할 사항

1) submit 해놓고 javascript에서 또 submit 하는지 확인 2) submit 구현 안 되었다고 생각했는데 form내에 image 버튼이 있는지 확인      (이미지도 자동으로 submit 기능 구현 되는 경우가 있음) 3) onclick을 onsubmit 으로 변경하고 호출 해 보기 4) <link rel="shortcut icon" href="#" /> 파비콘!! FAVICON.ICO를 계속 찾으며 404를 호출하는 문제가 있었는데 무시하고 계속 서브밋 하는 부분 찾았는데 결국 이게 문제였음. 파비콘 때문에 일주일 동안 간간히 계속 봄. 이놈의 것이 헤더에 퍼블리싱 되어 존재했기 때문에 계속 get 방식으로 호출하더라... 이거 해결 후에는 두 번 / 여러 번 submit 하지 않음.

개발 공부 - 파이어폭스 / 오페라 공백 들어간 문자열 다운로드시 깨짐

1 2 3 4 5 6 7 8 9 10 11 12 13 14 String  clientBrowser  =  httpServletRequest.getHeader( "user-agent" ); if  (clientBrowser.toUpperCase(). indexOf ( "MSIE" )  >   - 1 | |  clientBrowser.toUpperCase(). indexOf ( "Trident" )  >   - 1 ) {  // IE       title  =  URLEncoder.encode(title,  "UTF-8" ).replaceAll( "\\+" ,  "%20" )  +   ".xlsx" ;      response.setHeader( "Content-Disposition" ,  "attachment; filename="   +  title  +   ";" ); }  else  {  // 모질라나 오페라 //이어폭스에서 공백 문자열 치환시 오류 수정 //title = new String(title.getBytes("KSC5601"), "8859_1") + ".xlsx";  // 위와 같이 넣을 시 공백 문자열과 확장자가 날아가니 ""로 감싸거나 밑과 같이 처리한다      title  =   "\""   +   new   String (title.getBytes( "UTF-8" ),  "8859_1" )  + ".xlsx"   +   "\"" ;      response.setHeader(

영상 편집 - 애프터 이펙트(1)

2019/06/15 4회차 1교시(9 to 11) - 애프터 이펙트는 벡터 형식이라서 폰트나 이미지가 잘 깨지지 않음. - 렌더링 방식이 프리미어와 달리 두가지가 있음. - Layout은 Standard를 많이 사용하신다고 함. - 애프터 이펙트는 리소스를 많이 잡아서 추후 집에서 업로드 중임. Composition -> Composition Settings 내의 속성 - Preset – HDTV 1080 - Pixel Aspect Ratio 픽셀의 가로/세로 비율인데 그냥 Square Pixels로 많이 쓴다고 한다. - Frame Rate – 29.97로 유지하는데 옆에 Drop Frame / non-Drop Frame에 대한 것은 30 프레임으로 작업한 영상에 대해서 Drop Frame 하면 29.97 맞춰주는 거고 Non-Drop Frame 하면 그냥 그대로 원본 유지하는 것 - Resolution은 용량 많이 차지하거나 해상도 줄이고 싶을 때 Full – 전체 해상도 Half – 해상도의 반 같은 식으로 줄일 수 있음 - Start Timecode – TimeLine 시작점 - Duration – 먼저 길게 잡아 놓고 추후에 편집하는 식으로 작업 진행, Start Timecode를 2로 하고 10초짜리 영상을 만들 경우에는 12로 잡아야 함 (시작점이 0이 아니라 2가 됨) 0에서 시작했을 때는 10으로 잡으면 됨 - Background Color – 배경색 설정 가능 Import는 그냥 다른  것 하듯이 하면 됨 위 영상 보면 화면이랑 소리랑 분리가 안 되는 게 단점이다. 1280 x 720으로 new Composition (0 – 20으로 시간 설정) 위 영상을 보면 기본적으로 사진 import시 전체 시간으로 설정됨 (full) 하단 bar를 잡고 이동할 시 시간 이동 가능 alt 누르고 스크롤 누르면 크기 조절 및 Timeline 길이 조정 가능

개발 공부 - 윈도우에서 톰캣 서비스로 등록하는 법 (여러 개도 가능)

1. 톰캣 서비스로 등록 방법 (한 개일 경우) 1) 톰캣을 다운받는다. 2) 압축을 풀면 TOMCAT 폴더 내의 bin 폴더 내에 service.bat이 있는지 확인한다. 3) cmd 창을 켜고 bin폴더로 이동 후 [ service.bat install ]을 실행한다. 삭제할 때는 [ service.bat remove tomcat8 ] 하면 된다. 2. 톰캣 서비스로 등록 방법 (여러 개일 경우) 1) 톰캣을 다운받는다. 2) 압축을 풀고 TOMCAT 폴더 내의 conf 폴더 내에 server.xml을 수정한다. 3) 기본 server.xml이 이런 식으로 구성되었다고 쳤을 때 <?xml version="1.0" encoding="UTF-8"?> <Server port="8005" shutdown="SHUTDOWN">   <Listener className="org.apache.catalina.startup.VersionLoggerListener" />   <Listener className="org.apache.catalina.core.AprLifecycleListener" SSLEngine="on" />   <Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener" />   <Listener className="org.apache.catalina.mbeans.GlobalResourcesLifecycleListener" />   <Listener className="org.apache.catalina.core.ThreadLocalLeakPreventionListener" />   <

개발 공부 - 톰캣 모니터링 포트 추가하는 방법

모니터링 포트 추가하는 법 (이클립스 안 쓸 경우)     <Connector port="9082" address="127.0.0.1" protocol="HTTP/1.1"                connectionTimeout="20000"                redirectPort="8443" />     <!-- Define an AJP 1.3 Connector on port 8009 -->     <Connector port="7001" protocol="AJP/1.3" redirectPort="8443" /> 1. 기존에 있는 xml의 redirectPort를 보고 2. 밑에 있는 애처럼 connector port 를 하나 더 열어서 본다. 이클립스 쓸 경우에는 서버 설정에서 그냥 Monitor Port 추가하면 됨. (쉬움)

개발 공부 - java.lang.ClassNotFoundException: org.apache.jsp.*_jsp 오류

이거 jsp 컴파일이 안 되어서 나오는 오류인데 1. 이클립스에서 클린 2. 서버도 클린 3. 재부팅 해도 적용 안 되어서 서버 다시 생성하니까 컴파일 됨... 빌드 해도 상관 없고 그냥 안에서 뭔가 충돌이라는데 뭔가가 뭔지 정확히 모르겠음... (추후 수정할 것)

영상 편집 - 프리미어 프로(3)

2019/06/08 3회차 -       반디캠에 마우스 클릭 설정하고 사용할 것 (커서가 보여야 편함) -       자격증 관련: 멀티미티어콘텐츠제작전문가 -       시험 일정: 참고 url: http://www.q-net.or.kr/ 필기원서접수 필기시험 합격발표 원서접수 실기시험 07.05 ~ 07.11 2019.08.04 2019.08.30 09.02 ~ 09.05 10.12~10.25 학원에서 다정다감 폰트를 써봤는데 예쁘지만 상업용이어서 학원 라이선스로만 사용해야겠다. 오늘 해보고 싶은 것: https://www.youtube.com/watch?v=UAF9RVV8-OI     1교시 (9 to 11)    1.     그림 효과 넣기 (동영상: D:\190608_bkim\녹화\1_그림효과(1).mp4)  샘플 영상 (D:\190608_bkim\20190608 수업예제\1.그림효과) Effects -> Video Effect -> Image Control -> Black & White 적용 후 하나 복사하여 위에 놓고  Effects -> Video Effect -> Stylize -> Find Edge 적용 (가장자리 찾아서 반전) 2.     워터마크 효과 넣기 (동영상: D:\190608_bkim\녹화\2_엠보싱효과(4).mp4) 샘플 영상(D:\190608_bkim\20190608 수업예제\4.엠보싱) 영상 밑에 사진을 가져다 놓은 뒤에 영상에 Video Effects -> Stylize -> Texturize 적용한 뒤 Effect Controls에 가서 Texturize 속성을 Texture Layer를 V1 (사진이 있는 곳)에 놓고 Texture Placement 속성을 Center Texture나 Stretch Texture to Fit으로 설정한

영상 편집 - 프리미어 프로(2)

2019/06/01 2 회차 수업 오면 코덱 / 파일 다운로드 받을 것   ( 공부하다 막히는 부분 같으면 동영상 찍어 가기 위해 반디캠도 설치 ) 1 교시 : 9:00 ~ 10:45 -        오늘의 영상 자료는 Facebook 에서 dropbox 타고 가면 나오는 링크에서 받음 . -        스타 코덱도 깔았음 . 영상이랑 premiere 저장 파일이랑 같이 저장해주지 않으면 Media offline 이미지 뜸 . Project 바 아래 [?] 나온 파일에서 오른쪽 클릭하고 Replace Footage 한 뒤에 파일 찾아서 적용시키면 됨 . ( 프리미어는 경로가 상대경로가 아니라 항상 절대경로로 지정되어 있어서 파일 경로를 변경했으면 매번 적용해 줘야 하는 구조이기 때문에 같은 폴더 내에 위치해도 다른데 복사 붙여 넣기 하면 새로 잡아야 한다 .) -        개선책이 있나 찾아보고 적용해 볼 것 (or 선생님 말씀대로 그냥 같은 폴더 내에 만들고 폴더 명 안 바꾸는 법도 있음 ) 사진 크기 한번에 줄이는 법 -        해당 사진을 import 해놓고 시퀀스 내에 뜬 사진을 누르고 오른쪽 클릭한 뒤   Scale to Frame Size 하면 영상 크기에 맞게 줄어 든다 . (scale 은 무조건 width / height 따지지 않고 비율 별로 줄어드니까 만약 사진 크기가 지금 열려있는 Sequence 의 크기와 동일할 때는 Set to Frame Size 해야 하는 것 같음 ) 영상 편집시 1)      비디오 먼저 보고 2)      비디오 + 편집 초 보고 3)      영상 소리도 몇 초인지 보고 영상 / 소리 복사 – alt + 드래그 (Sequence 에서 ) = copy and