이해를 돕기 위해 간단한 예를 들겠습니다. 테이블 위에 와인 잔, 티포트, 허리가 가는 유리 꽃병이 있는데 그 안에 물을 부으면, 물은 각 용기의 모양에 따라 담길 것입니다. 여기서 각 용기는 디바이스 즉 데스크톱, 태블릿, 모바일 기기를 의미하며, 물은 사이트의 콘텐츠를 의미합니다.

반응형 웹에서는 고려해야 할 요소가 두 가지가 있는데, 해상도와 이미지 블러링 현상입니다.
첫 번째, 해상도란 화면 또는 인쇄물 등에서 표현된 그림이나 글씨 등이 섬세하게 표현된 정도를 나타내는데, 픽셀 수가 많아질수록 해상도가 높아집니다. 한정된 공간 속에 더 많은 픽셀(디스플레이를 구성하는 가장 작은 단위)이 있다면, 그만큼 더욱 콘텐츠를 선명하고 섬세하게 표현할 수 있습니다.


사진출처 : (주)인실리코젠

두 번째, 이미지 블러링 현상은 해상도 차이에 따라 발생하는 현상입니다. 데스크톱을 기준으로 만든 이미지가 모바일 화면에서 보았을 때 화질이 선명하지 않은 경우가 종종 있는데, 이는 데스크톱과 모바일 화면의 해상도 차이로 인해 발생합니다. 이미지 블러링 현상을 방지하기 위해서는 모바일 사이즈를 고려하여 원본 이미지의 1.5~최대 2배가량의 크기로 제작해야 합니다.

그렇다면 반응형 웹을 기획할 때는 어떻게 해야 할까요?? 먼저 데스크톱 사이즈보다 모바일 디바이스 사이즈가 작다는 것을 인지하여, 콘텐츠의 그리드(혹은 레이아웃)를 구성해야 합니다.

사진출처 : http://24h3vq.axshare.com/#p=home

반응형 웹을 구현하기 위해서는 분기점 설정이 필요합니다. 분기점 설정이란 내가 어느 지점에서 화면 레이아웃을 바꿔줄 것인지 설정하는 것을 말합니다. 분기점 미 설정 시 나타나는 문제점을 예를 들어보겠습니다. 직장인 A 씨는 핸드폰으로 N 사이트에서 모바일 쇼핑을 하려고 하는데 상품 이미지와 상품정보가 잘려서 쇼핑을 할 수가 없었습니다. N 사이트는 분기점 지정을 하지 않았기 때문이었죠. 직장인 A 씨가 N 사이트에서 쇼핑할 수 있는 방법은 데스크톱에서 PC 버전으로 쇼핑하는 방법 밖에 없습니다.

자아! 그럼 반응형 웹이 적용된 사이트를 보시겠습니다. 인실리코젠 홈페이지의 경우 분기점을 3가지로 적용하였습니다. 반응형으로 제작했기 때문에 하나의 URL로 모바일, 태블릿, 데스크톱으로 접속해도 해상도에 구애받지 않고, 알맞은 크기로 사이트의 레이아웃과 정보를 구독할 수 있습니다. 모바일 기기에서 가로 또는 세로로 화면을 돌리더라도 화면에 맞게 사이트의 정보가 배치됩니다. 이는 데스크톱에서 브라우저 창의 크기를 증감해도 적용됩니다. 마지막으로 유지관리 측면에서 보았을 때 관리할 코드가 한 맥락이기 때문에 유지관리하는데 효율적입니다.


사진출처 : (주)인실리코젠 홈페이지(http://insilicogen.com/)

마치며...
현재 세계는 디바이스 춘추 전국시대라고 칭해도 과언이 아닐 만큼 다양한 디바이스가 출몰하고 있습니다. 사용자들의 편의와 동등한 정보제공을 위해 반응형 웹 기술이 늘 정답은 아니지만 필요한 웹 기술 중 하나라고 필자는 생각합니다. 이 글을 읽고 반응형 웹에 대한 이해에 도움이 되셨기를 바라며 마칩니다. 제 글을 읽어 주셔서 감사합니다.

작성자 : PlatformLab
프론트엔드개발자  진효빈

Posted by 人Co

• 일시 : 2017년 11월 30일(목)~ 12월 1일(금)

• 장소 : KT인재개발원 1연수관 203호

내용

R을 이용한 프로그래밍 집중 단기 학습을 통해 생물정보 데이터 분석 실무 능력을 습득할 수 있습니다.

(자세한 프로그램 내용은 http://kobicedu.labkm.net 참고)

신청방법

• 신청기간 : 2017년 11월 6일(화) ~ 2017년 11월 9일(목)

• 선발인원 : 30명

• 교육대상 :

  1) R 교육을 통해 생물정보 분석을 하려는 기본 리눅스 terminal 명령어

     사용 가능 연구원, 대학원생 등

     사용 가능 연구원 및 대학원생 등

  2) 모든 교육 일정에 참석이 가능한 교육생 (2일 일정 필수 참석)

• 선발안내 : 2017년 11월 10일(금)

• 교육비 : 무료 (중식 무료제공)

• 준비물 : 유무선 인터넷이 가능한 개인 노트북

• 신청방법

  - 온라인 신청 http://kobicedu.labkm.net

• 문의

  - ㈜인실리코젠 (031-278-0061, edu@insilicogen.com)

  - 문의게시판 이용 http://kobicedu.labkm.net/labboard/board/QnA

Posted by 人Co

생물정보의 공유와 소통을 통한 새로운 가치 창조를 목표로 모두, 함께, 즐겁게 달려온 지 13주년이 되는 10월 1일을 미리 축하하고자 각지의 人Co인들이 한자리에 모였습니다. 지금부터 소소하지만 즐거웠던 2017년 9월 28일의 그 시간을 함께 추억해보시죠!!

“금강산도 식후경”이라는 말처럼 무슨 일이든 배가 든든해야 즐거운 법이죠! 본 식을 시작하기 전에 함께 모여 즐거운 저녁 식사 시간을 가졌습니다. 가깝고도 먼 대전지사분들의 얼굴이 사진 곳곳에서 보이네요. 유난히 저녁이 맛있었던 건 모두가 함께이어서였겠죠?

• 진정성과 확신. 그 속에서 성장하는 인실리코젠.
• 4차 산업혁명은 준비된 자에게는 좋은 기회이다.
• 2017년 10월. 그 어느 때보다도 강한 확신을 하고 있다. 우리 회사가 비약적인 발전을 할 수 있는 토대를 마련하게 되면 상상 이상의 회사로 발전할 것이라는 강한 확신이다.
• 꼭 잊지 말아야 할 것은 사람이 중요하다는 것이다. 기술의 발전에 사람이 소외되어서는 안 된다.
• 우리의 위치는 어디인가? 우리는 13년 역사를 통해 세상의 변화 중심에 서 있다. 앞으로도 흐름의 중심에 우리 함께 서 있도록 노력하자!!

4) 기념 케이크 커팅식
생일엔 케이크가 빠질 수 없죠. 사장님과 함께 ㈜인실리코젠과 생일이 같은 송하나 주임님이 대표로 기념 케이크 커팅을 해주셨습니다. 모두 다 함께 축하의 박수를~!!!





5) 장기근속자 표창
人Co의 오늘을 만들기 위해 힘써주신 장기근속자분들의 표창이 있었습니다.
10주년 근속에 정은미 이사님, 신윤희 책임님, 이규열 책임님(대리수상 강전모 사원), 5주년 근속에 양성진 책임님(대리수상 홍지만 선임님), 정명희 주임님(대리수상 서정한 사원), 이제홍 주임님(대리수상 강전모 사원) 영광의 대상자이셨습니다.

축하의 박수와 함께 황금 열쇠를 수여한 후, 근속자 분들의 소감 시간을 가졌습니다.
일정으로 인해 참석이 어려우셨던 이규열 책임님과 이제홍 주임님은 스카이프 영상통화로, 양성진 책임님은 영상으로 소감 말씀을 해주셨습니다. 게다가 지난 10년을 망라한 사진첩을 준비하신 이규열 책임님의 센스있는 소감 덕분에 모두 함께 人Co의 역사를 되돌아볼 수 있는 멋진 시간이었습니다.







6) 추석 덕담 나누기
이번 창립기념일은 추석과 연이어 있어서 추석맞이 덕담 릴레이 시간을 가졌습니다. 한가위 엽서를 통해 덕담 말씀해주신 사장님께서 전사원의 이름이 담긴 바구니에서 김태영 주임님을 행운의 첫 주자로 뽑아주셨습니다. 연이어 김형용 수석님, 경동수 사원, 박혜선 주임님, 박우진 사원이 덕담 릴레이가 있었습니다. 그리고 마지막으로 주변에 있는 人Co인들과 서로서로 덕담을 나눴습니다.




7) 단체 사진
오늘을 기념하기에는 단체 사진 만한 것이 없죠!
단체 사진 촬영을 끝으로 13주년 창립기념일 행사를 마무리했습니다.

8) 13주년 창립기념일 행사를 마무리하며…

• 이제홍 : 이번 13주년 창립기념일은 민족 대명절인 추석을 앞두고 맞이해서 그런지 어느 때 보다도 풍요로웠던 창립기념일이었으며, 저에게는 지난 5년을 돌이켜보고 초심을 되새길 수 있는 뜻깊은 시간이었습니다. 비록 파견지에 나와 있어 행사에 참석하지는 못했지만, 화상으로 人Co인분들과 함께할 수 있어서 즐거웠습니다. 이번 행사를 위해 수고하신 정은미 이사님 이하 브랜드위원회 분들의 노고에 감사드립니다.
• 하윤희 : 기나긴 연휴의 시작에 축하처럼 맞이한 인실리코젠의 창립기념일과 축복의 메시지를 품은 숫자 13의 새로움을 접하여 어떻게 바라보느냐가 많은 것을 변화시킬 수 있음을 배울 수 있었습니다. 그리고 지나온 시간의 기록들을 보며 성장한 인실리코젠과 앞으로 나아갈 인실리코젠을 상상했던 의미 있는 시간이었습니다. 다음, 그리고 또 다음 이 시간에 함께 걸어온 시간이 뿌듯하고 대견할 수 있는 매일을 걷도록 하겠습니다. 오늘을 함께한 모든 人Co인분들께 깊은 애정과 감사를 보냅니다.
• 용승천 : 이번 창립기념일 행사를 진행하며 입사한 후 첫 창립기념일 (10주년 창립기념일)이 떠올랐습니다. 입사 후 4번째 창립기념일을 맞이하며 공동체 안에서 뿌듯함과 동시에 행복감을 느낄 수 있었습니다. 앞으로 이 행복감과 뿌듯함을 더 느낄 수 있도록 최선을 다해 뛰어야겠다는 생각이 들었고 이 자리를 있게 해주신 모든 人Co분들께 깊이 감사드립니다.
• 장수현 : 人CoCULTURE의 문화 중 벌써 마지막인 송년회만을 남겨두고 있습니다. 총 4개의 문화 중 3번째 문화는 Insilicogen,Inc.의 생일로, 저는 이번이 입사 후 15년부터 시작해서 16, 17까지 3번째 人Co의 생일을 함께 하고 있네요~ 13이라는 숫자가 동양학적인 의미로 가을의 수확, 축복이라는 의미가 있듯이 우리 (주)인실리코젠의 기업 MISSION인 '생물정보의 공유와 소통을 통한 새로운 가치사슬의 창조'라는 기치 아래 모인 공동체 안에서, 모두가 최선을 다하고 끊임없이 노력한다면 큰 수확(축복의 시간)을 거둘수 있음을 확신합니다. 人Co화이팅!!♥ 4기 브랜드위원회 화이팅!♥
• 경동수 : 창립 13주년을 맞은 행사에서 진행을 맡았습니다. 멘트를 준비하면서 13이라는 숫자 그리고 인실리코젠의 현재와의 연관성을 고민해볼 수 있었습니다. 뿌린 만큼 거둔다! 자연의 일부를 이용하는 인간 그리고 인코인들의 정신에 깃든 13의 정신을 잊지 말아야겠다는 다짐을 했습니다. 풍성하게 수확할 그날을 위해 오늘도 최선을 다하겠습니다.
• 박 원 : 이번 13주년 창립기념일을 통해 본사와 대전지사, 그리고 타지에서 수고하시는 파견 분들까지 모두 한자리에 모일 수 있어서 개인적으로 너무 즐겁고, 뜻깊은 시간이었습니다. 기념사에서 사장님께서 하신 말씀처럼 4차 산업의 중심에 있는 우리 인실리코젠이 앞으로 더욱 발전하고, 성장할 것이라는 기대감이 들었습니다. 저 또한 제가 맡은 자리에서 앞으로 더욱 화이팅 있게 일을 성취하고, 도전할 수 있도록 노력하겠습니다. 마지막으로 정이사님을 비롯해서 준비하느라 고생 많으셨던 모든 브랜드위원회 분들의 노고에 감사드립니다.
• 진효빈 : 인실리코젠 창립 13주년 행사 준비 위원을 처음 맡았습니다. 행사 준비를 선배님들과 함께하면서 많은 것을 배우고 회사에 대하여 더욱 알아갈 수 있는 뜻깊은 시간이었습니다. 특히 추석 명절을 앞두고 인실리코젠 전 직원들이 모일 기회가 되어 더욱 뜻깊은 시간이었던 것 같습니다. 또한, 장기근속상 수상을 하신 분들을 보면서 회사의 역사와 함께 성장하신 것 같아서 신기하기도 하고, 사장님께서 늘 강조하신 사람이 중요하다는 말씀을 더욱 느끼게 된 것 같습니다. 저도 더욱 열심히 하여 회사에 필요한 인재가 되도록 하겠습니다.

처음으로 준비한 창립기념일 행사라 미흡한 부분도 있었지만 늦은 시간임에도 13주년 기념 행사에 참석해주시고 즐겨주셔서 너무나도 행복한 시간이었습니다. 13주년을 함께 해주신, 앞으로 맞을 14, 15주년 그 이상을 함께 할 모든 人Co인분들께 이 자리를 빌려 감사의 말씀을 전합니다.

Posted by 人Co

• 일시 : 2017년 10월 24일(화)~ 10월 25일(수)

• 장소 : KT인재개발원 1연수관 203호

내용

프로그래밍 언어 파이썬 집중 단기 교육을 통해 생물정보 데이터 분석 실무 능력을 습득할 수 있습니다.

(자세한 프로그램 내용은 http://kobicedu.labkm.net 참고)

신청방법

• 신청기간 : 2017년 10월 10일(화) ~ 2017년 10월 12일(목)

• 선발인원 : 30명

• 교육대상 :

  1) 파이썬 교육을 통해 생물정보 분석을 하려는 기본 리눅스 terminal 명령어

     사용 가능 연구원 및 대학원생 등

  2) 모든 교육 일정에 참석이 가능한 교육생 (2일 일정 필수 참석)

• 선발안내 : 2017년 10월 13일(금)

• 교육비 : 무료 (중식 무료제공)

• 준비물 : 유무선 인터넷이 가능한 개인 노트북

• 신청방법

  - 온라인 신청 http://kobicedu.labkm.net

• 문의

  - ㈜인실리코젠 (031-278-0061, edu@insilicogen.com)

  - 문의게시판 이용 http://kobicedu.labkm.net/labboard/board/QnA

Posted by 人Co

생물정보 전문기업 ㈜인실리코젠은 2005년에 설립하였으며, 노동부가 선정한 청년친화 강소기업입니다.

또한 당사는 독자개발한 신기술 특허(3건)를 포함하여 다수의 지적재산권을 소유하고 있으며, 신용보증기금이 선정한 올해의 베스트서비스기업으로써, IT와 BT가 융합한 바이오 빅데이터 및 DB 구축 전문기업입니다.

바이오 빅데이터 관련 SI 구축 및 시스템 개발을 하고 있으며, 빠르고 신뢰 높은 고객 맞춤형 생물정보 분석 서비스를 제공하고 있습니다.

당사의 사업확장 및 담당인력 충원 등으로 해당 업무를 담당하실 인재를 모집하오니, 관심있는 분들의 많은 지원 바랍니다.

[상세모집요강]

[전형절차]
※ 신입의 경우 서류전형 접수기간이라도 적합한 인재가 있을 경우 조기 면접이 진행 될 수 있습니다.

[채용형태]
- 정규직 : 0명(계약직 3~6개월, 업무평가 후 정규직 전환 검토) 

[근무환경]
- 근무제 : 주 5일 근무
- 복리후생 : 4대보험, 퇴직연금 및 성과급, 유연근무제(장기근속자)
- 휴가제 : 연차, 경조사휴가, 충전휴가(장기근속자)
- 지원 : 경조비, 주차비, 체력단련비, 아침식사, 교육훈련비, 도서 등 지원

[접수기간 및 방법]
1) 서류전형 마감일 : 2017.09.29
2) 제출방법 : E-mail(보내시는 곳 : ms@insilicogen.com) 

[제출서류]
1) 서류전형
   ① 자사 입사지원서 : 파일명 `입사지원서_성명_지원분야.docx`으로 저장

입사지원서_성명_지원부문2017_20170517.docx

2) 면접전형(서류전형 합격자)
   ① 포트폴리오(PDF) 제출 및 발표(자기소개 및 경력위주, 5분 이내)
3) 3차 서류제출(2차 임원면접 합격자에 한하여 개별통보)
   ① 건강검진확인서 및 병력확인서 제출
   ② 전 근무지의 근로자원천징수영수증(퇴사연도 or 직전연도)
   ③ 고용보험이력확인서 : 고용보험 사이트에서 발급 가능
4) 최종합격 후 입사 시 :신원보증보험증권 제출

[기타사항]
1) 기본예의 등 소양이 되어 있는 자
2) 해외 출장이나 개인 신용에 결격사유가 없는 자
3) 채용절차 진행 중 당사에 부합하는 지원자가 조기 채용 시 본 채용공고는 위 일정과 상관없이 종료될 수 있습니다.
4) 최종합격 후 입사지원서 및 제출서류 내용에 허위사실이 발견될 경우 채용이 취소될 수 있습니다.
5) 절차별 합격자는 E-mail을 통해 개별 안내해 드립니다.
6) 연봉 : 회사내규 및 경력에 따른 협의, 희망연봉 기재요망

[문의처]
- ㈜인실리코젠 채용담당자 / 031-278-0061(내선720번)
- E-mail을 통해 문의하여 주시기 바랍니다.(ms@insilicogen.com)

Posted by 人Co