-
시각장애인을 위한 약학정보제공 서비스 기획기
안녕하세요. 프로그라피 Deep Learning 운영진 장원범입니다. 저는 친구와 함께 시각장애인을 위한 약학정보 서비스를 기획하고 개발하고 있습니다. 서비스를 기획하면서 많은 조사와 인터뷰를 진행해 그 경험을 나누고자 합니다. 들어가면서 우리는 집에 여러개의 상비약들이 있습니다. 우리는 약상자를 보고 원하는 약을 찾을 수 있지만 시각장애인분들은 찾을 수 있을까요? 저희는 이러한 문제에 주목했고 ‘집에 있는 약을 구분을 할 수 있도록 하자’는 생각으로 서비스를 기획하게 되었습니다. 서비스 기획 인터뷰의 필요성 처음에는 약학정보 서비스가 아닌 시각장애인을 위한 코디추천 서비스를 기획했습니다. 시각장애인들은 눈이...
-
CSS pre-loader 없이 변수 만들어 활용하기
CSS pre-loader 없이 변수 만들어 활용하기 by 신성환(github.com/blueStragglr) SCSS와 같은 CSS Pre-loader를 사용하게 되면 변수를 선언하고 스타일을 관리하는데 유용하게 사용할 수 있습니다. primary-color 등을 선언해 두고, 글로벌 단위에서의 색상 변경을 변수 하나의 변화만으로 관리하는 작업 등이 가능해 지는 것입니다. 하지만 CSS에서도 전역변수의 형태로 값을 관리할 수 있는 방법이 있었습니다! 변수 사용, SCSS에서만 되는게 아니었다! 알고 보니 변수의 선언은 SCSS의 전유물이 아니었습니다. 가상 선택자 :root 에 접근하여 CSS에서도 전역 변수 등을 생성할 수 있습니다. 우선 변수...
-
Moment js를 처음 사용할때 좋은 함수들
1. 들어가며 moment js는 시간이 포함된 데이터를 받아 조작해야 할 경우 사용하기 좋은 라이브러리입니다. 저의 경우 차트를 그릴 때 서버에서 한 시간 마다의 판매량, 매출과 같은 시간별 정보를 넘겨주었는데요. 날짜별 데이터를 뽑고 싶다. 특정 기간 동안의 데이터를 뽑고 싶다. 와 같은 니즈가 있었습니다. 자바스크립트에는 기본적으로 Date 객체가 있고 Date 객체에 내장된 다양한 함수들이 있는데요. const now = new Date() now.toISOString().slice(0,10) // "2019-10-27" const current = new Date() current.toISOString() // "2019-10-27T08:30:26.284Z" 사실 Date 객체를 이용해서 시간...
-
Github action CI/CD를 이용해서 ecs에 배포하기
안녕하세요. 프로그라피 nodejs 멘토 이재규입니다. 저는 pple이라는 전국민 헌혈 참여 플랫폼을 개발하고 있습니다. 곧 2차 릴리즈가 배포되면 많이 글을 쓸 예정이니 많이 관심 가져주세요! 2020년 새해복 많이 받으시기 바랍니다. 피플은 배포를 docker와 aws의 ecs로 배포를 하고 있습니다. 기존 배포 프로세스 github action을 사용하기 전에 배포 프로세스는 아래와 같습니다. #release로 pr시에 $ docker build -t people . $ docker tag people:latest [aws-ecr-repository-url]/people:latest #aws cli로그인 안되었을시 $ aws ecr get-login --no-include-email #ecr에 docker image 업로드 $ docker...
-
클래스 이름, 막 써도 되나요?
클래스 이름, 막 써도 되나요? by 신성환(github.com/blueStragglr) 프론트 개발을 하다 보면 HTML 요소에 클래스 이름을 붙이는 것을 상당히 어려워 하는 사람들을 많이 볼 수 있습니다. 무슨 이름을 붙였을 때 다른 사람 (혹은 미래의 자신)이 알아볼 수 있을지, 문제가 생기지는 않을지에 대해 고민하는 것이죠. HTML의 클래스 이름을 붙일 때, 각 요소가 어떤 동작을 하는가에 따라 명료한 규칙을 가지고 클래스 이름을 붙이면 보다 생산적으로 개발할 수 있습니다. 이러한 규칙으로써 범용적으로 정의되고 사용되는 BEM에 대해서 간단히 소개해 볼까...