시나몬 브레드 시나몬 브레드

웹 개발시 html 템플릿 엔진으로 thymeleaf 를 사용할때 인라인 자바 스크립트라는 기능에 대해서 소개하고 현재 버전이 가지고 있는 문제점을 해결할 수 있는 방법을 전달한다. 인라인 자바스크립트(inline javascript) 사용 위와 같은 형태로 사용한다. 여기서 인라인이라는 의미는 서버에서 뷰생성을 위한 데이터를 웹브라우저로 그대로 넘긴다는 의미로 볼 수 있다. 이렇게 넘기는 객체를 json으로 변환해서 변수에 할당하면 javascript 라이브러리에서 바로 사용할 수 있다.이런 기능이 없다면 최초의 데이터는 서버스크립트로 처리하고 자바스크립트에서 데이터를 읽어오기 위해서는 ajax로 별도의 서버요청을 통해서 데이터를 읽어와야 한다. json 포맷 이슈인라인 자바스크립트를 사용하다 발견한 ..

개요 웹 개발시 자바스크립트로 외부 서버의 경로로 ajax요청을 날리면 에러가 나면서 요청이 실패한다. 웹 브라우저의 콘솔창에 아래와 같은 메시지를 보게 된다. 크롬 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ‘[요청한 도메인]' is therefore not allowed access. 파이어폭스 교차 출처 요청 차단: 동일 출처 정책으로 인해 [요청한 도메인]에 있는 원격 자원을 차단하였습니다. (원인: 'Access-Control-Allow-Origin' CORS 헤더가 없음). 외부로 요청이 안되는것은 자바스크립트 엔진 표준 스팩에 동일 출처 정책(same-origin policy)이라는 ..

컨플루언스, 지라등 atlassian 의 제품들을 사용하면서 계정관련의문점들이 있었는데 최근 알게 된 내용이 있어서 포스팅을 한다. 아래 내용들은 골드피처에 문의후 답변받은 내용을 다시 정리한 것이다. 사용자 퇴사시 처리 방법의문사항: 예를 들어서 회사에서 25 user 라이센스를 구입후 사용중 25명의 계정이 모두 생성되었다. 그후 기존 사원한명이 퇴사하고 새로운 사원이 들어왔다 이경우 새로운 사원에게 새로운 계정의 발급이 가능한가? 답변 사항: 일반적으로 사용자가 더이상 계정을 사용하지 않는다면 계정을 삭제하지는 않고 비활성화 처리를 하면된다. 비활성화 하게되면 해당 계정은 구입한 라이센스 user count에서 제외 된다. 질문과 같은 경우 퇴사한 사원의 계정을 비활성화 처리하면 새로운 사원의 계정..

배경최근들에 웹 개발을 할때 격게 되는 문제중 하나가 자바 스크립트 라이브러리 관리관련 문제이다. 요즘 자바 웹 프로젝트에서 자바 라이브러리들은 maven으로 체계적인 라이브러리 버전관리가 가능한데 javascript 라이브러리들은 특성상 이런 수준의 버전관리가 이루어진적이 없다. 사실 적어도 얼마전까지의 웹 개발에서 javascript 라이브러리들은 이렇게 체계적인 관리까리 될 필요는 없었다.보통 jquery 최신 버전만 다운받아서 넣어두면 별다른 관리가 필요하지 않은 수준이였다.하지만 최근의 웹 개발들은 웹페이지에서 요구되는 기능 복잡도가 높아지면서 다양한 javascript 라이브러리 들이 만들어지고 또사용한다.이렇다 보니 javascript간에 의존관계도 생기게되고 버전별로 충돌이 생기거나하는 일..

overview 아마존 AWS를 이용해서 서버를 구축할때 HTTPS로 보안적용을 해보자. 기본 서버 구축환경은 아래와 같이 되어 있다고 가정한다. 간단히 설명하자면 최초 요청을 받는 곳은 로드벨런서(ELB (elastic load balancer))이고, ELB가 자기와 연결된 EC2 인스턴스에 설치되어 있는 웹 서버(nginx)로 요청을 넘긴다. 웹서버는 다시 웹 어플리케이션 서버(tomcat)로 요청을 넘겨 최종적으로 요청을 처리하게 된다.이미지등 단순 리소스는 웹서버(nginx)가 처리하고 그외 어플리케이션 로직 처리는 웹 어플리케이션 서버(tomcat)에서 할 수있도록 하는 구조이다. 이과정에서 HTTPS 설정은 로드벨런서에서도 할 수 있고 웹서버에서도 할 수 있고 웹 어플리케이션 서버에서도 할 ..

Nginx에서 http로 들어오는 모든 요청을 https로 바꾸는 방법이다. rewrite 라는 명령어를 사용한다.참고로 rewrite는 리다이렉트와 같은 의미이고 proxy_pass 는 포워드의 개념이다. 서버로 들어오는 모든 요청을 https로 변환server { listen 80; server_name example.com www.example.com; ## redirect http to https ## rewrite ^ https://$server_name$request_uri? permanent;} rewrite를 적용할 요청 path를 정규식 표현으로 지정후 바뀔경로 패턴을 정의 해준다. 정규식에서 ^는 문자열의 시작을 의미한다. 정규식 간단한 규칙 보기 --> https://developer..

아마존에서 특별한 설정변경없이 EC2 인스턴스를 생성하면 기본적으로 8G의 디스크용량을 가지게 된다. 이렇게 사용하다가 용량이 부족하다 싶으면 사용하던 데이터를 손대지 않고 스토리지의 공간을 확장할 수 있다.기본적인 개념은 아래와 같다. EC2를 정지시킨다.연결되어 있는 EBS를 detach 시킨다.detach 된 EBS volume의 snapshot을 생성한다.생성된 snapshot으로 새로운 EBS volume을 생성한다. 이때 생성되는 EBS volume의 크기를 원하는 사이즈로 지정한다.EC2에 새로 생성된 EBS volume을 attach 한다.EC2 인스턴스에 접속해서 디스크크기를 재설정한다. 대략 위와 같은 과정이라고 보면 된다.쉽게 설명하면 서버에서 기존의 저장장치를 때어내고 새로만든 큰 ..

웹 폰트 아이콘을 소개 합니다. 폰트가 원래 글자를 벡터기반으로 화면에 표시하기 위한 기술입니다. 확대해도 깨지지 않는 이런 벡터 그래픽의 장점에 착안하여 벡터 기반의 아이콘들을 폰트에 담에서 웹 어플리케이션에 활용 할 수 있도록 만들어놓은것이 웹 폰트 아이콘입니다. css를 통해서 간단하게 웹 페이지의 원하는곳에 다양한 아이콘을 넣을 수 있고 요즘의 심플한 웹 디자인 트렌드와도 맞물려 유용하게 활용되고 있습니다. 특히 디자이너와 협업이 어려운 상황에서 이미 만들어진 이런 각종 아이콘이 있다면 개발자혼자서도 웹 사이트 정보전달력을 높이고 디자인적으로도 나쁘지않은 웹 사이트를 제작할 수 있습니다. 무료 버전 폰트와 유료 버전 폰트 아이콘이 있는데 무료만으로도 충분히 쓸만하고 유료는 좀더 다양한 아이콘과 컬..