본문 바로가기

[웹퍼블리싱] 유지보수를 고려한 퍼블리싱 기법 오늘로서 저는 퍼블리싱을 시작한 지 꽉 찬 2년이 됩니다. 이제 혼자서 사이트 하나는 거뜬히 만들 수 있는 연차라고 할 수 있겠죠. 2주년이 된 기념으로 그동안 수많은 프로젝트를 하면서 겪었던 시행착오를 글로 풀어볼까 합니다. 제 글을 읽는 신입들에게 조금이나마 도움이 됐으면 합니다. 유지보수 잘하는 법? 처음부터 제작할 때 잘 짜면 됩니다. 그게 무슨 말이야! 그러나 방법은 정말 이 것 밖에 없습니다. 제작이 아닌 유지보수만 하시는 것이라면... 제작사가 코드를 잘 짜셨길 바랍니다. 어찌 됐든, 어떻게 짜야 잘 짰다고 소문이 날 수 있을지 알아볼까요? 1. width값을 디자인대로 잡았는데 모바일에서 레이아웃이 깨져요. 이런 경우 백이면 백 width값을 px로 잡은 것입니다. 반응형으로 제작하는 사이.. 더보기
신입 개발자가 알면 좋을 크롬 개발자 도구 안녕하세요. 저는 세컨드스페이스 입사 1년 차인 신입 프런트엔드 개발자입니다. 작업 전에 크롬 브라우저를 켜고 가장 먼저 하는 일이 F12를 눌러 개발자도구를 여는 일입니다. 개발자도구를 활용하면 작업시간도 줄고, 작업효율도 높일 수 있습니다. 오늘은 신입 개발자가 알면 좋을 크롬 브라우저의 기본적인 개발자 도구에 대해 소개해볼까 합니다. 1. 실시간 css 수정이 가능한 element styles element는 개발자 도구를 열면 가장 먼저 표시되는 도구입니다. 그중 styles 탭은 실시간으로 css 수정이 가능하고, css가 적용된 파일 경로를 확인할 수 있어 작업시간을 훨씬 단축할 수 있습니다. 상단 이미지에서 체크박스 옆의 텍스트들이 해당 요소에 적용된 css입니다. 체크박스를 해제하면 해당 .. 더보기
소규모 스타트업이 Firebase를 써야 하는 이유 구글 Firebase는 사이트에 들어가면 가장 먼저 보이는 "Firebase helps mobile app teams succeed"라는 카피에서 의미하는 것과 같이 모바일 앱을 만드는데 필요한 여러 가지 기능을 갖추고 있는 클라우드 서비스입니다. 그러나 기능들을 자세히 살펴보면 앱뿐만 아니라 웹 서비스를 구축하는데도 필요한 기능들이 많습니다. (어차피 웹이나 앱이나 데이터 가져와서 보여주는 건 매한가지니까요.) 자세한 설명은 Firebase 사이트에서 읽어보시는 것이 좋습니다만, 귀찮다면 일단 아래로 내려가시면 됩니다. 왜 소규모 스타트업에서? 소규모 스타트업의 경우 풀 스택 개발자가 있는 경우가 많으며, 서버 인프라 관리부터 서버단&클라이언트 개발까지 1-2인이 진행하는 경우가 많습니다. (제가 많이.. 더보기
'을'을 위한 보험에 대해 아시나요? 매출채권보험 안녕하세요. 세컨드스페이스 입니다. 오늘은 스타트업에게 꼭 도움이 되는 ‘계약의 리스크 관리, 매출채권보험’에 대해 얘기해보고자 합니다. 오늘날 스타트업 대표님들은 사업체 운영을 하시면서 상품 및 용역 계약 체결을 위해 수많은 노력을 하고 계십니다. 열심히 제안하고 협상한 끝에 계약이 성사되어 (을)란에 날인하는 순간은 정말로 짜릿하고 행복한 순간이죠. 계약 체결의 기쁨. jpg 하지만 프로젝트를 이행하면서 혹시 우리 회사가 성실히 계약을 이행했지만 거래 대금을 못 받을까 걱정하게 되는 경우가 있지는 않았나요? 우리나라의 많은 스타트업이 거래 상대방에 대한 리스크에 대해 전문성이 부족하여 ‘을’을 위한 공적 보험 제도 등이 있음에도 불구하고 잘 활용하지 못하는 경우가 많습니다. 거래처 한 곳이 경영악화로.. 더보기
저희는 이렇게 개발하고 있습니다. - 프로세스 편 안녕하세요. 이번편에는 세컨드스페이스에서 어떤 프로세스로 개발을 진행하고 있는지 알아보도록 하겠습니다. 저희는 현재 내부 서비스 개발과 함께 외주업무를 진행하고 있습니다. 이번 편에는 외주개발을 중점으로 설명해보도록 하려고 합니다. 창업 초기에는 현재보다 간소화된 프로세스로 개발을 진행하였습니다. (그러나 세상이 그리 호락호락하지 않았습니다.) 여러 시행착오를 통해 저희 회사나름대로 개발 프로세스가 자리잡았습니다. 최근 정리된 개발 프로세스를 공유하고자 합니다. (아래의 프로세스에서 테스트 -> 브리핑 순서가 되면 내부 프로젝트개발 프로세스입니다. 하하하하하하하하하하) 위와 같이 8 단계로 나뉩니다. 담당자선정 프로젝트 계약이 체결되면 누가 해당 프로젝트를 담당할 것인지 정합니다. 담당자는 프로젝트의 전.. 더보기
당신이 몰랐던 업무 메일 이야기 안녕하세요. 세컨드 스페이스의 이우주입니다. 여러분, 업무 이메일 잘 쓰고 계신가요? 오늘은 쓰기는 쉽지만 잘 쓰기는 어려운 업무 메일에 대해 알아보겠습니다. 개인적으로 쓰는 이메일과 달리 업무용 이메일은 어느 정도 형식이 정해져 있습니다. 거기에 더해 어느 정도의 격식도 갖추어야 하지요. 어떻게 해야 이메일을 잘 썼다고 동네방네 소문이 날까요? 저는 훌륭한 업무 메일 작성을 위한 방법을 다음 3가지 항목으로 나눠 이야기하고자 합니다. 1. 업무 메일의 정의 2. 업무 메일의 구성요소 3. 업무 메일의 금기 오늘은 그 첫 번째 시간으로 이번 포스팅에서는 업무 메일의 정의에 대해 이야기하겠습니다. 정의할 요소는 총 3가지입니다. 1) 업무 메일의 격 2) 업무 메일의 성립 조건 3) 업무 메일의 소유권 그.. 더보기
저는 로고를 이렇게 만듭니다. 저는 로고를 만드는 디자이너입니다. 오늘의 첫번째 TMI : 위의 이미지는 (누가 봐도) 설정샷입니다. 이 세상에는 셀 수 없을 만큼 수많은 로고들이 존재합니다. 당장 쓰레빠 질질 끌며 집 앞 골목길만 나가도 편의점에 있는 제품들에, 땅에 흩뿌려져 있는 전단지 속에, 바삐 일하고 계신 공업소 직원들 머리 위 간판에까지 세상은 마치 로고 투성이로 보입니다. 현재 저는 UI/UX 디자인을 주로 하는 디자인 팀의 팀장으로 근무하고 있습니다만 브랜딩이라는 분야에 큰 관심과 욕심을 항상 놓지 않고 있습니다. 마침 새해를 맞아 저희 회사에서도 브랜드 디자인을 부분을 강화하는 움직임을 보이고 있고, 저 또한 한번 이런 기회를 빌려 제 작업 물들을 정리 해보고 싶었습니다.로고 는 기업이나 단체의 첫인상을 좌지우지합니다.. 더보기
디자이너와 일하기 전, 당신이 알아두면 좋은 것들 그동안 디자이너한테 설명하느라 많이 힘드셨죠 더보기