본문 바로가기

전체 글

 (332)
Linux 환경에서 Service 등록하기 안녕하세요 남산돈가스입니다. 오늘은 리눅스 서버에서 어플리케이션을 운영할 때, 이 어플리케이션들을 Service로 등록하여 관리하는 방법을 소개드리려고 합니다. 우선 왜 Service 등록하여 사용하려고 할까요? 결론부터 말씀드리자면 귀찮기 때문입니다...ㅎ 어플리케이션의 start, stop, restart 스크립트를 작성했다고 하더라도, 결론적으론 alias에 등록하여 사용하시거나, 해당 스크립트가 있는 디렉토리로 이동하셔서 실행명령을 통하여 어플리케이션의 상태를 관리하고 있습니다. 하지만 Service로 등록하여 사용하게 되면, 어떤 디렉토리에서든지 실행이 가능하며, 아무래도 익숙한 systemctl 이나 service 명령어들을 이용하여 어플리케이션을 관리할 수 있게됩니다. 또 한가지 이유는, 서..
모바일 화면에서 세로 사이즈 정확하게 계산하기 안녕하세요. 명동섞어찌개입니다! CSS 에서 height 를 잡는 일은 좀 까다로운 영역 같죠. absolute 이면 height 절대값을 잡아줘야 하고, height : 100% 는 안 잡히거나 애매하게 잡히고- 그 와중에 웹에서는 브라우저 버전을 타서 잘 쓸 수 없지만, 모바일에서는 자유자재로 쓸 수 있는 100vh 라는 것이 나왔죠. 비율이면서 동시에 height 절대값(사이즈)을 잡을 수 있기 때문에 100vw (가로), 100vh (세로) 는 정말 신세계였습니다. 예를들어 정사각형 이미지 사이즈를 모바일에 딱 맞게 주기 위해서 width: 100vw; height: 100vw 라고 주면 완벽하게 사이즈를 컨트롤 할 수가 있습니다. 실제 화면 100vh 를 써보기 전까지는 정말 완벽하다고 생각했는..
static 과 static final의 차이 public class ExFinalStatic extends TestStatic{ public void testMethod() {} } class TestStatic{ public final void testMethod() { } } 안녕하세요 남산케이블카입니다~ 당분간 포스팅의 주제는 기본을 토대로 한번 더 개념을 잡아나가는 것에 집중하려고 합니다. Java로 코딩을 하다보면 static final을 사용하게 되는데요 static 과 static final의 차이를 한번 살펴보려고 합니다! 만약 static에 대해 모른다면 아래 포스트 참고! https://ibks-platform.tistory.com/288 Static에 대해 알아보자 안녕하세요 델리만쥬입니다~! 프로그래밍을 할수록, 기본이 얼마나..
[NCP] VOD Transcoder 를 활용한 멀티비트레이트 동영상 생성 안녕하세요 남산도서관 입니다. 2020/04/19 - [Cloud/NCP] - [NCP] VOD Station 을 활용해 스트리밍 채널 구성하기 지난 포스팅에 이어 오늘은 Ncloud의 미디어 서비스 중 하나인 VOD Transcoder 의 활용법에 대해 알아보도록 하겠습니다. VOD Transcoder 는 원본 동영상을 다양한 사이즈와 용량으로 변환하는 서비스로 PC, 태블릿 , 모바일과 같은 사용자 디바이스 환경이나 네트워크 상황에 알맞게 다양한 화질의 동영상을 제공할 수 있게 해줍니다. 우선 네이버클라우드 콘솔에 접속하여 Media > VOD Transcoder > Job Management 메뉴로 이동합니다. 상단 [Job 생성] 버튼을 클릭합니다. Job 이름을 등록한 후 변환할 파일을 등록하기..
모바일 Safari 브라우저에서 스크롤 튕김 (bounce effect) 문제 해결하기 안녕하세요. 명동섞어찌개입니다. 모바일 웹서비스를 Angular 로 개발할때 position: fixed 요소가 상단에 있으면, 아이폰 사파리 브라우저에서 스크롤했을 때 윗 부분이 하얗게 사라지거나 하는 등의 다양한 문제가 생깁니다. (애초에 fixed 자체가 사파리 브라우저랑은 잘 안 맞는듯요.. 몇 년 전에 비하면 많이 개선된 듯하지만요) 이런 문제로 Angular 로 개발할 때뿐 아니라 모바일 웹에서는 종종 스크롤 튕김(?) 을 스크립트로 막기도 합니다. 보통 jquery 나 javascript 로 할 때는 이런 코드를 많이 썼지요 document.addEventListener('touchstart', function(e) {e.preventDefault()}, false); document.add..
숫자, 용량 관련 유용한 Pipe 공유 안녕하세요, 명동섞어찌개입니다. 이번에 모바일 화면을 개발하다가, 숫자를 표기할 때 1,000 -> 1k 1,000 MB -> 1GB 이런식으로 줄여서 표현해야 할 일이 있어서 해당 파이프 만든 것을 공유하려고 합니다. 1. 단위 표현 Pipe @Pipe({ name: 'thousandSuff' }) export class ThousandSuffixesPipe implements PipeTransform { transform(input: any, args?: any): any { var exp, rounded, suffixes = ['k', 'M', 'G', 'T', 'P', 'E']; if (Number.isNaN(input)) { return null; } if (input < 1000) { retu..
AWS RDS parameter group을 이용해 character-set 변경(utf8), 타임존 변경하기 지난 포스팅에선 AWS RDS 파라미터 그룹을 생성하고 function을 생성할 수 있는 권한을 만들기 위해서 log_bin_trust_function_creators 변수를 변경해주었습니다. 이번 포스팅에선 지난 포스팅에서 생성한 파라미터 그룹을 이용하여 character-set , 타임존을 변경해보겠습니다. 우선 RDS 대시보드 콘솔로 이동합니다. 왼쪽 메뉴의 파라미터 그룹으로 이동합니다. 지난 포스팅에서 생성한 my-parameter-group 이 있습니다. 선택하시고 파라미터 편집으로 이동합니다. 필터에 character_set 으로 검색하면 6개의 항목이 나오는데 값 편집으로 모두 utf8로 변경합니다. character_set_client : utf8 character_set_connectio..
github X jenkins (CI: Continuous Integration) 구성하기 with private Repository #1 - github ssh 접속 private Repository 는 일반적으로 개인적인 프로젝트가 아닌 회사에서 product 를 할 경우에 많이 이용하는데요, 일반적으로 github public Repository로 CI를 구성하는 방법은 많이 있지만 private Repository는 처음에 구축할 경우 permission 및 권한 문제로 난관에 봉착하는 경우가 많습니다. private Repository 를 가지고 github와 jenkins을 가지고 CI 환경을 설명하도록 하겠습니다. * github와 jenkins을 가지고 CI 환경이란??? github 에서 소스 변경사항을 push하면 자동으로 jenkins에서 빌드가 되는 환경을 말합니다. github와 jenkins을 가지고 CI 환경구성하기 위해 아래의 단계로 설정하..

티스토리툴바