8주간의 프로젝트가 마무리되었다. Ditto라는 이쁜 서비스명(고마워요 뉴진스)과 훌륭한 팀원 덕분에 멋진 디자인과 캐릭터를 가진 서비스를 만들 수 있었다. 아래 이미지에서 최종 결과물을 확인할 수 있다. 서비스 링크는 배포되어있지만 아직 준비가 덜 되어서, 다음 기회

여러분 supabase 혹시 들어보셨나요? 이미 알고 계신 분들도 계실 수 있고, 모르시는 분들도 계실 텐데요. 저는 이번에 진행하는 사이드 프로젝트에서 사용해 봤습니다. 저에겐 꽤나 만족스러운 경험이었기에 supabase가 어떤 기능을 제공하는지 소개해 보고자 합니다

부스트캠프 멘토로 지원한 이유는 첫째 내가 성장한 곳에 기여하고 싶은 마음, 둘째 나의 현재 성장 정도에 대한 측정 두 가지가 있었다. 그리고 내가 경험한 교육과정이었기 때문에 큰 어려움 없이 멘토의 역할을 할 수 있을 거라 생각했다.그래도 어떻게 보면 막연한 지원이었

몇개월 전 이력서에 대한 피드백 받는 서비스를 이용하다가 한 시니어 개발자분들 통해 "엔지니어링 사다리(engineering-ladders)" 에 대해 알게 되었다. "엔지니어링 사다리" 는 프레임워크로 회사에서 각 직위에 대한 기대치와 다음 단계를 계획하는데 유용하게

요즘 저는 atomic-css 방법론을 적극적으로 사용하고 있습니다. xxx-wrapper, xxx-container 와 같은 css 이름 작명을 완전히 벗어날 수 있다는 장점 하나만으로도 충분히 만족하고 있기 때문입니다.

3줄 요약 1. 모바일 청첩장 혼자 만들긴 힘들다. 2. 100vh 조심하자. 3. 시간적 여유가 된다면 모바일 청첩장 직접 만드는 것 추천한다.

PIP는 2016년 macOS Sierra 출시와 함께 Safari 브라우저에서 처음 등장했습니다. PIP 기능을 통해 비디오를 항상 최상단에 있는 작은 창에서 볼 수 있습니다. 웹에선 PIP 모드를 마우스 클릭으로 활성화 할 수 있습니다.

서드파티는 단어 그대로 ‘제3자’를 의미합니다. 그러나 무엇인지 이해하기 위해선 ‘제1자’, ‘제2자’에 대해서도 이해가 필요합니다. 예시로 ‘제1자’, ‘제2자’, 제3자’ 인증을 생각해봅시다. 제1자 인증은 제품 혹은 서비스를 제공하는 개인 혹은 조직이 요구사항을

웹에서 제공되는 정보의 95% 이상은 문어(written language)의 형태입니다. 좋은 타이포그래피는 사용자의 가독성, 접근성, 사용성 등을 사용자 경험을 향상시킬 수 있습니다. 이처럼 웹에서 타이포그래피는 중요합니다.웹 폰트(Web Font)는 디자이너가 원하

JavaScript에서 this는 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정됩니다. 그리고 함수가 호출되는 방식은 4가지로 나눌 수 있습니다.각종 값들이 확정되어 더 이상 변경할 수 없는 구속(Bind) 상태가 되는 것.전역 객체는 모든

왜 제거해야 하나요? create-react-app으로 React 프로젝트를 빌드하여 배포하는 경우, 기본적으로 webpack에 의해 번들링 된 파일과 해당 파일에 대응되는 sourcemap이 생성됩니다. 다음은 결과 예시이며, .css.map과 .js.map 파일이 sourcemap입니다. sourcemap은 간단히 말하면, 디버깅을 위한 파일입니다....