올 해는 상당히 다사다난한 한 해였는데, 개발 관련 활동들에 대해 회고해보려 한다. 01 Jan - 03 Mar image.png Post-a-Week Season 3 Post-a-Week Season 2를 마무리하고 Season 3를 시작했다. Season 2는 12주 동안 한 주에 1개 이상 쓰는 것이였는데, 매주 쓰는 것이 정말정말 ...

이 포스트는 다음 글을 번역한 것입니다. 의역이 많으며, 오역이 있을 경우 댓글에 제보 부탁드립니다. https://pomb.us/build-your-own-react/ 우리는 리액트를 직접 처음부터 다시 만들어 볼 것입니다. 모든 최적화나 필수적이지 않은 기능들은 제외하고, 실제 리액트 코드 구조를 기반으로 한 단계씩 따라가 봅시다. 이전에 올린 ...

배너메이커는 올해 3월 쯤 벨로그 썸네일이 필요해서 호다닥 개발해 본 프로젝트인데 (관련글) 다른 블로그 글에서 썸네일을 만들 때 사용한 듯한 표지를 보면 반갑게 느껴진다. 나름 기본 기능에 충실해서 개인적으로도 계속 유용하게 사용하고 있다. 블로그 배너 만드는 용도 외에도 개인 기록용으로 올리는 유튜브 동영상의 썸네일에 사용하거나, image.png ...

Rebase 들어는 봤지만 쓸 줄을 모른다면?

Netlify는 정적 사이트를 쉽게 배포할 수 있는 서비스로, Github 등의 저장소와 쉽게 연동할 수 있습니다. 만약 저장소의 master 브랜치가 업데이트 되면 Netlify는 자동으로 빌드 및 배포를 진행합니다. 또, Pull Request가 올라오면 해당 내용을 자동으로 배포하여 임시로 확인할 수 있는 Deploy Preview 사이트를 제공합...

많은 사이트에서 버튼을 클릭하면 정해진 텍스트를 클립보드로 카피할 수 있는 기능을 사용하고 있습니다. copy-gif.gif 클립보드에 데이터를 복사하는 방법은 execCommand API 를 사용하거나 ClipboardAPI 를 사용하는 두 가지 방법이 있습니다. ClipboardAPI는 비교적 최신 스펙으로, 아직 지원되지 않는 브라우저가 많습니다...

🐙 Docker Compose Getting Started We'll create 3 services at once with docker composer. We need one API server and two web servers to show data from API. - API Server with Node - Web Server with P...

🚢 Run Container

스프링부트 웹 MVC 프로젝트에서 상태 코드에 따라 에러를 처리하고 뷰에 각각의 에러 페이지를 보여주는 웹 사이트를 만들어 보겠습니다. 🌱 웹 페이지 에러 처리 만약 Github에서 존재하지 않는 페이지로 접속할 경우 옥토비-완이 여러분을 맞아줍니다. 스프링 부트에서는 간단히 특정 위치에 html페이지만 추가해 주면 이런 에러 페이지를 구현할 수...

지난 토요일 삼성 코엑스에서 개최된 Women Tech Maker 2019 에 참여했습니다. 작년 봄 WTM 2018에는 참가자로 방문했지만 이번엔 스태프로 자원하여 작게나마 행사를 도울 수 있었습니다. 약간은 떨리는 마음으로 참여했던 사전 모임과, 저 같이 쪼렙

소프트웨어 디자인 패턴 중 팩토리 메서드 패턴(Factory Method Pattern)에 대해서 알아보겠습니다. Factory? 먼저 이 패턴에 팩토리(Factory) 라는 이름이 붙은 이유는 공장에서 상품을 생산하듯이, 팩토리 메서드로 비슷한 객체를 찍어내는

3월 Today I Learned - 로컬에 Pull Request 브랜치 가져오기 - 엔디언 Endianess - Internet Explorer 웹 브라우저 버전 구분하기 로컬에 Pull Request 브랜치 가져오기 --- Category : git O

velog를 사용하는 여러분은 썸네일용 배너를 어떻게 만들고 계신가요? 저는 매번 배너 만들기가 귀찮아서(...) 간단한 배너 생성기를 만들었습니다. - Banner Maker React로 스태틱 배너 생성기를 만들면서 삽질했던 내용을 기록해 보았습니다. 필수적

TIL 작성을 위한 Notion 템플릿을 사용해서 한달 정도 정리한 내용을 모아봤습니다. 📚 TIL Notion 템플릿 매일 쓰는 킬러 앱이다 보니 TIL도 Notion으로 작성하면 어떨까 했는데 깃헙에 푸시하는 것 보다 자주 쓰게 되고 내용에 더 충실할 수 있

DOM MDN 에서 말하는 DOM의 정의는 다음과 같습니다. > 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. 그래서 DOM이 정확히 뭐라고요? 옳은 것을 모두 골라보세요. 내가 작성한 HTML 코드가 DOM이다 페이지 View Source가 DOM이다 Dev...

이 포스트의 내용은 구글의 V8엔진 엔지니어인 Benedikt Meurer와 Mathias Bynens 의 JavaScript Engines: The Good Parts 세션을 기반으로 작성하였습니다. 지난 포스트에서는 JS엔진의 종류와 최적화 컴파일러에 대하여

유니티에서 지원하는 쉐이더의 종류와 구조에 대해 알아보고, 색상을 변경할 수 있는 간단한 쉐이더 코드를 작성해 봅니다. 쉐이더(Shader)의 종류 유니티의 쉐이더는 3가지 타입이 있습니다 (1) Surface Shader 빛과 그림자에 영향을 받는 쉐이더입니다. 유니티의 라이팅 파이프라인과 상호작용하는, 높은 추상화 레벨이 적용된 쉐이더입니다. ...

I found vulnerability in my repository from the github notifications. til2-1.png According to this this tweet, the original maintainer transferred ownership to someone they didn't trust. til2.jpeg ...

이 포스트의 내용은 구글의 V8엔진 엔지니어인 Benedikt Meurer와 Mathias Bynens 의 JavaScript Engines: The Good Parts 세션을 기반으로 작성하였습니다. 자바스크립트를 사용하면서, 그리고 내부적으로 V8 엔진을

여기서도 볼 수 있어요 이번 포스트에서는 제가 사랑해 마지않는 앱인 노션(Notion) 에 대해 소개해볼까 합니다. 이제까지 여러 종류의 기록용 앱들을 사용해 왔지만 노션만큼 120% 마음에 들었던 것은 없었거든요. 이전까지 주로 사용했던 것은 에버노트였지만, 노션을 알게된 이후 고민없이 바로 갈아탔습니다. 기능 소개 DOC + NOTES + WiKi...