Category분류 전체보기 (179)

[ETC] myjson - 테스트용 온라인 JSON 저장소

[ETC] myjson - 테스트용 온라인 JSON 저장소유용한 Service, Tool, Library를 소개해 드립니다.myjson Myjson - A simple json storage and hosting serviceFront-end 작업 시 데이터 요청이 필요할 경우, 테스트를 위해서 파일을 로드 하거나 하드코딩으로 데이터를 Return 하는 비동기 코드를 사용하곤 하는데요.myjson을 이용하면 그럴 걱정이 없습니다.그리고 CORS도 지원합니다. :)사용법사이트에서 JSON 형식의 데이터를 입력 후, Save 버튼을 눌러주면 끝.예를 들어 아래 테스트 JSON 데이터를 입력하면...{ "user": { "name": "kendrick b. jung", "age": 70 } } 이렇게 값을 반..

[개발문화탐구] 데브옵스 (DevOps) - 소개

개발문화탐구: 데브옵스 (DevOps) - 소개데브옵스란?DevOps는 개발(Development)과 운영(Operations)의 합성어입니다왜 이 두 가지 개념이 합쳐 졌을까요?서비스의 패치를 위해서 몇 달간의 작업 후 배포하던 고전적인 방식과 달리, 현재는 빈번한 서비스 배포가 주류를 이루고 있습니다. 대부분의 서비스가 설치 기반에서 웹 기반으로 바뀌었으며 마이크로 서비스와 애자일 개발 방법론에 대한 관심이 많아졌고 그로 인해 빈번한 서비스의 배포가 필요해 졌습니다. (이는 애자일 편에서 더 자세히 다룰 예정입니다)하지만 개발팀은 서비스 개발에 매진하고, 운영팀은 보안과 안정적인 인프라 구축에 집중을 하므로 빈번한 배포 전략이 유연하게 동작할 수 없습니다.이런 새로운 전략을 위해서 두 팀이 병합되어 ..

[ETC] MacOS Mojave - invalid active developer path Issue

MacOS Mojave - invalid active developer path IssueMacOS 모하비 버전이 나왔습니다!제가 느끼는 주요 변경 점이라면 다크모드와 새로운 Finder 뷰 모드? 정도가 있겠네요.요런느낌 한 시간에 걸친 업데이트 후, 문제가 생길 것이라는 불안감은 빗나가지 않습니다...! git command를 사용하려 하니 귀신같이 아래와 같은 에러를 뿜뿜!xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun 하아...찾아보니 기존 MacOS 시에라 혹은 하이 시에라 버..

[ETC] 동적 서버 접속을 위한 SSH Config

동적인 EC2 Instance 접속을 위한 SSH Config작년까지 Snowflakes Server 패턴을 사용하다가 올해 초 Phoenix Server 패턴으로 변경하게 되었습니다. 작업 후 새로 배포되는 서버들이 매우 안정적으로 생성되는 걸 확인하고 야호를 외쳤으나... 새로 생성된 서버에 SSH 접속때 마다 매번 IP가 다르니 불편함이 이만저만이 아니었습니다.그 와중에 Bastion 서버도 통해서 접속해야 했기에 매번 만들어둔 긴 SSH Command 수정하기도 매우 번거로운 것..!그렇다고 SSH Config를 만들어놔도 새 서버를 만들 때마다 SSH 접속 정보를 변경해 줄 수도 없는 노릇이고 말이죠..!비슷한 문제를 가지고 계신 분들이 분명 있을거라고 생각해 글을 쓰게 되었습니다.아래와 같거나..

[개발문화탐구] 코드리뷰 (Code Review)

개발문화탐구: 코드리뷰코드리뷰개발문화 중 하나인 코드리뷰에 관해서 이야기를 해보려 합니다.코드리뷰라 함은 간단히 말해, 내가 작성한 코드를 제3자가 검사하는 것입니다. 타인에 의해 예상치 못한 오류를 찾아내거나 코드를 더 좋게 개선할 수 있습니다. 자신의 발전과 팀의 발전 그리고 제품의 안정성을 위하여 꼭 도입되어야 하는 문화입니다.허나 이런 중요성에도 불구하고 코드리뷰를 왜 하는지 가슴으로 느끼기는 참 힘듭니다.이 포스트를 본다고 해서 직접 경험 해보지않는 이상 코드리뷰의 중요성을 100% 이해하기는 어렵겠습니다만 느낌이라도 살짝..코드리뷰를 대하는 자세직장 내의 서로 다른 개발자가 right way를 향해 발전하는 가장 좋은 문화가 바로 코드리뷰라고 생각합니다.하지만 기본적으로 서로를 인정하고 리스펙..

[개발문화탐구] 원격근무 (Remote work)

개발문화탐구: 원격근무캐나다에서의 경험을 바탕으로 직장 및 개발문화에 대해서 시리즈로 다뤄보도록 하려고 합니다.제 경험을 기반으로 하기때문에 흥미로 봐주시면 좋을 것 같네요! :)첫 번째 포스트의 주제는 바로 원격근무 입니다. 원격 근무란?원격 근무(telecommuting)이란 정보 기술(IT)을 활용해 원격지에서 장소에 구애받지 않고 언제 어디서나 업무를 수행하는 새로운 근무 방식을 뜻한다. 원격 근무자를 '홈 워커(home worker)'라고도 한다. 최근에는 IT 환경이 발전함에 따라 확대된 개념인 U-워크라고도 부른다. - wikipedia 간단히 말해서 회사가 아닌 집 혹은 다른 장소에서 일 하는 것을 말합니다.저도 몇 년 전까지 "그게 일이 돼? 딴짓할 거 같은데?"라는 생각을 하고 있었습니..

[ETC] SSHFS를 이용해 원격 마운트하기

SSHFS를 이용해 원격 마운트하기배포를 할 때 가장 귀찮은 부분은 역시 수동으로 관리해 줘야 하는 것들, 이를테면 보안에 민감한 .env 파일이나 예외적인 몇몇 파일들이 있겠습니다.그래서 생각해보니 설정 파일 이나 변경이 필요한 데이터들이 전부 Git 저장소에 있다면 배포 시에 정말정말 편할 거 같네요!넵! 그런 일은 있을 수 없겠죠. 어쩌다 Git Account가 털리기라도 하면 오우 상상만 해도 아찔합니다.그렇기에 일반적으로는 .env나 중요파일을 수동 혹은 Configuration manager system을 이용해 관리해 주곤 합니다.그런데 파일 몇 개면 상관이 없을 텐데 수많은 파일을 매 배포 시마다 하나씩 추가 혹은 변경해줘야 한다면?벌써 현기증이…SSHFS 란?SSH를 통한 Mount를 지..

[ETC] Github의 취약성 알림 대처 방법

Github의 취약성 알림 대처 방법취약성 탐지 알림 from Github자고 일어났는데 Github으로 부터 다음과 같이 취약성 알림 메일이 왔습니다.[sonim1/sonim1-mysite] One of your dependencies may have a security vulnerability이런 메일 처음 받아본지라 깜짝 놀랐네요.뭔가 알아보니 package-lock.json 파일을 같이 올릴 경우 Github에서 알려진 취약점이 있는 라이브러리에 대해서 알림을 보내줍니다.Github 저장소에서 Insight > Dependency Graph 메뉴를 통해 접근 및 확인 가능합니다.이슈를 해결한 이후라서 인터넷에서 찾아온 이미지!삽질의 시작딱히 중요한 데이터가 있는 건 아니지만 신경 쓰이니 고치기로 ..

[번역] Art of Clean Pull Requests - 클린한 Git PR의 기술

Art of Clean Pull Requests - 클린한 Git PR의 기술직장 동료인 소프트웨어 엔지니어 Alex의 프리젠테이션을 한국어로 번역한 포스트입니다. Git을 실무에서 사용함에 있어 공감하고 배울 내용이 많아 번역해보았습니다. 세팅이나 기초적인 사용법에 대해서가 아닌, 효율적인 실무를 위한 Branch 관리 및 PR 방법에 대하여 전반적으로 다루고 있습니다. 그 외에도 이해를 돕기 위한 추가적인 내용이 들어가 있습니다. Art of Clean Pull Requests - Presentation Alex Yeung 목차Art of Clean Pull Requests - 클린한 Git PR의 기술간략한 개요Git은 어떻게 동작하는가?원격 저장소별로 분리된 Branch팁과 트릭당신의 작업 사항을..

Module Bundler Parcel 그리고 Webpack 4

Module Bundler Parcel 그리고 Webpack 4들어가기 전작년 말 Parcel이 나와 엄청난 Star를 받으며 큰 인기를 얻었습니다.그리고 지난달 Webpack 4가 발표되었습니다!이런 상황에 떠오르는 생각을 포스트로 간단하게 정리해 봤습니다.ParcelParcel - Homepage Parcel - GithubParcel[파설, /parsəl/]은 개발 경험에서 차이를 느낄 수 있는 웹 애플리케이션 번들러 입니다. 멀티 코어 프로세싱으로 불꽃 튀게 빠른 성능을 제공하고 그 어떤 설정도 요구하지 않습니다. - Parcel 엄청나게 빠른 번들, 적은 설정과 기본적으로 제공하는 HMR! 등을 표방하며 나온 모듈번들러 Parcel.Webpack, gulp, grunt등의 복잡한 설정과 점점 느..

[번역] 디버깅 시간을 절약할 수 있는 CSS 네이밍

이 글은 Ohans Emmanuel의 CSS Naming Conventions that Will Save You Hours of Debugging 을 번역한 내용입니다.Ohans Emmanuel(원작자)의 허락을 받은 후 작성되었으며, 이 글의 모든 저작권은 Ohans Emmanuel에게 있습니다. 이해의 편의상 의역이 들어가 있습니다.잘못된 번역은 댓글로 남겨주시면 감사하겠습니다!디버깅 시간을 절약할 수 있는 CSS 네이밍저는 많은 개발자들이 CSS가 싫다고 하는 것을 들었습니다. 하지만 제 경험에 의하면, 이런 불만이 생기는 이유는 그들이 CSS를 배우는 데 시간을 들이지 않기 때문입니다.CSS는 가장 아름다운 언어는 아니지만 20년 이상의 웹 스타일링을 성공적으로 수행해 왔습니다.하지만 더 많은 C..

[번역] React의 이벤트 핸들러 네이밍 (Event handler naming in react)

이 글은 Jake Trent의 Event handler naming in react를 번역한 내용입니다.Jake(원작자)의 허락을 받은 후 작성되었으며, 이 글의 모든 저작권은 Jake에게 있습니다. 이해의 편의상 의역이 들어가 있습니다.들어가기 전React를 이용하여 작업 시, handler와 event 명명 규칙이 명확하지 않아서 코드가 쓸데없이 보기 힘들어지는 경우가 있습니다. 이에 대해 명확히 설명하는 공식 가이드가 마땅히 보이지 않아, 여러 글을 찾아봤고 Jake Trent의 포스트를 본 후 많은 도움이 되었습니다. 그렇기에 이 가이드를 준수하라는 내용이 아니며, 이러한 규칙에 대해서 생각하고 참고하시면 좋을 것 같습니다.React의 이벤트 핸들러 네이밍 (Event handler naming ..