2018/08
-
Chrome에서 css, js가 적용 안될 때IT, 프로그래밍/HTML, CSS 2018. 8. 31. 10:03
프론트 페이지 작업중에 크롬으로 확인하다 보면 css나 js가 적용이 안되는 경우가 있다. 우선 확인해 볼것은 익스플로러 같은 다른 브라우저에서 확인해보고 똑같은 현상이 발생하면 어딘가 코드가 꼬여있거나 경로가 잘못 잡혀 있으니 그 부분을 확인 해 보면 되고, 다른 브라우저에서는 잘 되는데 특정 브라우저에서만 안된다.. 특히 크롬에서 안된다 싶으면 브라우저 자체 내에 저장된 캐시를 지우고 다시 시도해 보자. 보통 캐시때문에 수정한 코드가 적용이 안되는 경우가 많다.
-
예쁜 위즈윅 에디터, FroalaIT, 프로그래밍/HTML, CSS 2018. 8. 27. 11:14
이번 프로젝트를 진행하면서 적용해 본 Froala 에디터 후기입니다. 먼저 전체 사진을 보여드릴게요. 부트스트랩과 함께 적용한 모습입니다. 반응형으로 예쁘게 나옵니다. 기능도 다양하고, 특히 리소스를 편집하는데 최적화 된 기능을 제공해 줍니다. 편집창을 선택하면 왼쪽에 예쁜 버튼이 나타납니다. 리소스와 표 등을 간편하게 편집할 수 있습니다. 이미지를 올리는것도 직관적이고 편하게 설계되어 있습니다. 제가 가장 마음에 드는건, 업로드 한 이미지를 드래그를 통해서 편하게 편집할 수 있는 기능입니다. 별다른 플러그인 적용없이 사용할 수 있으니 정말 편합니다. 제가 사용하면서 느낀 장단점을 정리할게요. 장점 : 개발자의 입장에서 아주 편하게 다양한 기능들을 구현할 수 있다.API에 대한 정리가 잘 되어있다.찾아보..
-
AWS EC2에 스프링 프로젝트 배포하기 (FileZilla 사용)IT, 프로그래밍/AWS 2018. 8. 22. 19:51
이번 포스팅은 아마존 웹 서비스 중 EC2를 사용하여 스프링 프로젝트를 배포하는 방법에 관한 내용입니다. 운영 환경 : 우분투 16.04, tomcat8원격 접속 : putty FTP 파일 전송 : FileZilla 기본적으로 위에 있는 환경이 구축되어 있다고 가정하고 시작하겠습니다. 먼저 이클립스를 통해 war 파일을 export 해 줍니다. 이제 파일질라를 EC2 인스턴스에 연결하고, /var/lib/tomcat8/webapps 폴더 밑에 war 파일을 전송시킵니다. 만약 파일전송이 안되시는 분들은, 권한 문제일 가능성이 높습니다.webapps 폴더의 소유자를 tomcat8로, 모든 작업이 가능하도록 권한을 설정 해 줍니다. 1234~$ sudo su# chmod -R 777 /var/lib/tomc..
-
AWS + nginx으로 내 사이트 https 적용시키기IT, 프로그래밍/Linux 2018. 8. 22. 02:38
이번 포스팅은 AWS와 nginx를 통해 인증서를 적용시키는 예제 입니다. 최근 보안의 중요성이 커져서 https가 아니면 지원이 안되는 서비스들이 늘어나고 있습니다. (예를 들면 페이스북) 그에 맞게 인증서를 발급받아 적용시키는게 미래를 위해서 좀 더 편할 수 있습니다. 우선 환경은 AWS EC2, Ubuntu 16.04, tomcat8, nginx 1.10.3을 사용하고 있습니다. 인증서는 무료 인증서인 Letsencrypt를 사용합니다. 인증서를 발급받기 위해서는 퍼블릭 도메인을 꼭 가지고 있어야 합니다. (IP로만 접근 안됨) 만약 nginx를 설치하지 않으셨다면 패키지 관리 프로그램 (apt-get 등)을 사용해서 설치하여 주시고 톰캣과 연동 시키는 방법은 이 포스팅을 참고하세요 --> http..
-
Tomcat과 Nginx를 연동 (도메인 연결)IT, 프로그래밍/Linux 2018. 8. 21. 01:32
AWS를 사용하던 중.. 톰캣으로 배포중인 스프링 서비스에 도메인으로 접근 시켜야 할 일이 생겼다. 문제는 IP로 접근하는 http 요청은 80 포트로 받는다는 것이다. HTTP 웹 서버인 Apache나 Nginx는 80포트를 사용하지만, 톰캣은 8080 포트를 사용한다. 문제가 잘 이해가 되지 않는다면, 만약 내가 www.great.com 이라는 도메인을 가지고 있고, 내 EC2의 IP는 53.214.111.38 이라고 할 때, 누군가 www.great.com 으로 접근하였을 때 DNS 서버에서 53.214.111.38 이라는 IP를 리다이렉트 해 주고, 이것은 내 EC2의 80포트로 요청이 들어오고 Service로 대기 하고 있던 HTTP 웹 서버가 냉큼 그 요청을 받아서 처리한다. 이때, 별다른 세..
-
Mybatis 동적 쿼리 사용 중 Parameter를 String으로 넘길때 발생하는 문제IT, 프로그래밍/Spring 2018. 8. 19. 18:12
Mybatis를 사용하다 보면 이런 에러를 자주 볼 수 있다. ReflectionException: There is no getter for property named 'key' in 'class java.lang.String'... 이 에러는 ParameterType을 String으로 설정할 때 주로 생기는 오류이다. ( 파라미터에 오타가 있을 경우에도 발생한다. 대소문자 구분 필수 ) 동적 쿼리 if문은 Parameter Type 클래스의 getter를 호출하는 방식으로 값을 전달받는데, String의 경우 getter가 정의되어 있지 않다. 그러므로 당연히 getter를 찾지 못한다고 빼액 거리는 것. 이것은 Long이나 Interger 타입으로 값을 넘기는 경우도 마찬가지다. 이 문제를 해결하는 ..
-
Ubuntu Timezone 설정IT, 프로그래밍/Linux 2018. 8. 18. 20:13
리눅스 설치시에 디폴트 설정이 UTC 기준으로 되어 있는 경우가 있다. 먼저 date 명령어를 통해 현재 설정된 timezone을 확인해보자. 123ubuntu@ip-128-128-128-128:~$ dateSat Aug 18 11:03:59 UTC 2018 Colored by Color Scriptercs 이런 경우 한국 기준 지역시로 바꾸는 명령어는 아래와 같다. 1ubuntu@ip-128-128-128-128:~$ sudo dpkg-reconfigure tzdatacs dpkg-reconfigure tzdata이 명령을 사용하면 마치 영화에 나오는 해킹툴을 사용하는 것 같은 GUI와 함께 적용할 지역을 선택할 수 있는 화면이 나온다. 여기서 Asia - Seoul을 선택하고 ok. 그리고 다시 da..
-
로컬에 있는 oracle DB를 RDS oracle 인스턴스로 이전하기IT, 프로그래밍/AWS 2018. 8. 18. 19:48
로컬 환경에서 개발한 프로젝트를 AWS로 이전하려고 한다거나, 배포하려고 할 때 데이터베이스에 있는 데이터를 옮겨야 할 때 방법은 아래와 같습니다. 1. Export/Import 패키지 사용해서 데이터 옮기기2. Data Pump를 사용해서 데이터 옮기기 (Oracle 10g 이상부터 사용 가능)3. SqlDeveloper에서 Copy를 통해서 옮기기 자세한 레퍼런스는 여기서 확인하세요 버튼을 누르면 오른쪽에 있는 필드로 이동이 됩니다.오른쪽으로 옮겨진 객체만 복사가 되니까 유의하세요. 5. 복사를 원하는 객체 지정이 완료 되었으면 이렇게 오른쪽으로 옮겨져야 합니다. 그리고 다음으로 넘어가세요. 6. 복사를 원하는 데이터를 지정할 수 있습니다. 아무것도 안나와 있으면 상단에 있는 조회 버튼을 클릭하세요...