본문 바로가기

Dev

찾았다! 브런치 RSS 안녕하세요. 세컨드스페이스 이우주입니다. 결론부터 이야기하죠. 브런치에도 RSS 기능이 있습니다!! 브런치 RSS를 왜 찾게 되었는지, 그리고 어떻게 찾을 수 있는지 알려드리겠습니다. 브런치는 RSS를 숨겼다. ( 원작 : 엄마는 게임을 숨겼다 ) 사건의 발단은 소소했습니다. 저는 회사 사이트 리뉴얼 작업을 진행 중이었습니다. 리뉴얼 내용 중에는 회사 계정의 브런치 글을 불러와 보여주는 것이 포함되어 있었습니다. 흔히 말하는 RSS 파싱입니다. 그래서 개발팀을 찾아갔더랬죠. 나 : 브런치 RSS parsing을 만들어 주세요~! 개발자 : 브런치에는 RSS가 없습니다. 나 : 네? 개발자 : 없다고요. 나 : 네? 개발자 : 네? 나 : 네? ?????? 이게 무슨 소리인가 싶었죠. 브런치는 블로그인데... 더보기
[웹퍼블리싱] 유지보수를 고려한 퍼블리싱 기법 오늘로서 저는 퍼블리싱을 시작한 지 꽉 찬 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인이 진행하는 경우가 많습니다. (제가 많이.. 더보기
저희는 이렇게 개발하고 있습니다. - 프로세스 편 안녕하세요. 이번편에는 세컨드스페이스에서 어떤 프로세스로 개발을 진행하고 있는지 알아보도록 하겠습니다. 저희는 현재 내부 서비스 개발과 함께 외주업무를 진행하고 있습니다. 이번 편에는 외주개발을 중점으로 설명해보도록 하려고 합니다. 창업 초기에는 현재보다 간소화된 프로세스로 개발을 진행하였습니다. (그러나 세상이 그리 호락호락하지 않았습니다.) 여러 시행착오를 통해 저희 회사나름대로 개발 프로세스가 자리잡았습니다. 최근 정리된 개발 프로세스를 공유하고자 합니다. (아래의 프로세스에서 테스트 -> 브리핑 순서가 되면 내부 프로젝트개발 프로세스입니다. 하하하하하하하하하하) 위와 같이 8 단계로 나뉩니다. 담당자선정 프로젝트 계약이 체결되면 누가 해당 프로젝트를 담당할 것인지 정합니다. 담당자는 프로젝트의 전.. 더보기
맥북 작업을 효율적으로 할수있는 프로그램 Keyboard Maestro 소개 단순 반복 작업을 맥북이 대신 해줬으면..맥북을 사용하며 단순 작업에 지친적이 있으셨다면 이러한 생각을 한번쯤은 하셨을 것이라 생각합니다. 이렇게 생각하셨던 분이나 생각하시는 분이시라면 오늘 소개해 드리는 Keyboard Maestro 를 꼭 주목하시기 바랍니다. 공식 홈페이지에도 나오는 내용처럼 맥월드 최고의 앱으로 선정된 Keyboard Maestro 라는 프로그램을 설명드리자면사용자가 로그인 , 단축키 입력 , usb입력 , 특정 스크립트 입력 시에 커스텀 한 매크로를 실행시켜주는 프로그램입니다.반복 엑셀작업은 물론이며 특정 웹페이지 열기 , 아이튠즈 제어까지 맥의 기능을 간단하게 매크로로 실행시켜 주는거지요. 사용하기 위한 절차를 한번 알아보겠습니다. 1.설치 https://www.keyboard.. 더보기
신입 개발자가 알면 좋을 크롬 개발자 도구 저는 입사 7개월 차인 신입 프론트엔드 개발자입니다.작업 전에 크롬 브라우저를 켜고 가장 먼저 하는 일이 F12를 눌러 개발자도구를 여는 일입니다.개발자도구를 활용하면 작업시간도 줄고, 작업효율도 높일 수 있습니다.오늘은 신입 개발자가 알면 좋을 크롬 브라우저의 기본적인 개발자 도구에 대해 소개해볼까 합니다. 1. 실시간 css 수정이 가능한 element styles element는 개발자 도구를 열면 가장 먼저 표시되는 도구입니다.그 중 styles 탭은 실시간으로 css 수정이 가능하고, css가 적용된 파일 경로를 확인할 수 있어 작업시간을 훨씬 단축할 수 있습니다. 상단 이미지에서 체크박스 옆의 텍스트들이 해당 요소에 적용된 css 입니다.체크박스를 해제하면 해당 css가 해제된 화면을 확인할 .. 더보기
PHP를 편하게 개발하기 위한 알뜰함수 5선 php로 개발을 시작하면서 php 내의 함수는 정말 다양하고 수가 많기 때문에 php 메뉴얼 을 자주 찾아보게 되었는데 그 중에서 잘 알려지진 않지만 알고나면 알뜰하게 쓰일 함수들 5개를 선정하여 알려 드리려 합니다. 함수 목록 1.exec 2.uniqid3.array_walk4.setlocale5.shuffle 1.exec()[ php 내에서 리눅스 명령어를 사용할 수 있다 !! ] 리눅스 명령어를 php 내 에서 사용 할 수 있게 하는 함수입니다. 사용법 string exec ( string $command [, array &$output [, int &$return_var ]] ) exec("리눅스명령어", "결과를 저장할 변수명" ,"에러발생시 저장할 변수명") 사용예시 $exec1 = exec(.. 더보기