maruzzing's devlog

개발공부 프로젝트
Study
PropTypes를 이용해서 Type 체크하기
  • React
  • PropTypes
Javascript는 Type에 있어 매우 유연한 언어이다. React로 앱을 개발하면서 Type 체킹을 통해 많은 버그를 잡을 수 있는데, React에서 Type 체킹을 할 수 있는 방법으로는 PropTypes, Flow, Typescrip 등이 있다. 이 중, 컴포넌트의 props Type을 체크할 때 사용할 수 있는 PropTypes를 알아보자.
Study
안드로이드 에뮬레이터에 Device 추가하기
  • Android Studio
  • Virtual Device
기본 안드로이드 애뮬레이터에는 갤럭시 폰 기종이 추가되어 있지 않기 때문에 갤럭시 기종으로 애뮬레이터를 실행하기 위해서는 스펙을 입력하여 Virtual Device를 새로 생성해야 한다.
Study
condition에 따라 style에 변화주기
  • Conditional Style
condition/state에 따라 간단하게 style에 변화를 줄 수 있는 방법!
Study
Platform에 따른 Style 적용하기
  • React Native
  • Platform
  • Style
React Native의 가장 큰 장점은 ios와 android를 동시에 개발 할 수 있다는 것이다. 하지만 각 운영체제별로 다르게 설정해줘야 하는 기능이 있다. 운영체제에 따른 Style을 다르게 적용하려면 어떻게 해야할까?
Project
Jekyll Now 댓글 기능 추가하기(Dispus)
  • Jekyll
  • Comments
점점 블로그의 모습을 갖추고 있는 것 같다. 이쯤에서 필요한 것이 댓글기능 아닐까? 내가 사용한 Jekyll Now는 이미 Front Matter과 /_includes/disqus.html 파일이 준비되어 있기 때문에 Disqus를 이용한 댓글기능을 추가하는것은 아주 간단하다.
Project
Jekyll 체크박스 추가하기
  • Jekyll
  • Checkbox
TIL에 todo list를 추가하려다 보니 checkbox 기능이 필요해 졌다. Jekyll에서 체크박스를 어떻게 추가할 수 있을지 찾아보니 liquid filter 기능을 쓸 수 있다고 한다.
Project
Jekyll 블로그에 Google Analytics 적용하기
  • Jekyll
  • Google Analytics
Github Page는 다른 블로그 서비스와는 다르게 이 기능을 제공하지는 않기 때문에 Google Analytics를 이용해야 한다. 어떻게?!
Project
Jekyll Now 페이징 기능 추가하기
  • Jekyll
  • Pagenate
미디엄 블로그에 있던 글도 옮기고,이것저것 하다보니 벌써 post가 쌓이고 있다. 개인적으로 유저의 입장에서 무한 스크롤을 별로 선호하지 않아 이참에 페이징 기능을 추가하기로 했다. 필요한 기능을 바로 배우고 적용하기 ! 😎
Project
Jekyll Navigation 만들기
  • Jekyll
  • Navigation
웹페이지나 블로그를 만들때, 가장 고민되는 부분 중 하나가 네비게이션일 것이다. 개발 개발의 세계는 무궁구진하기 떄문에 새로운 언어를 배울 때 마다 네비게이션이 추가되어야 하며, 블로그 기획 방향대로 라면 프로젝트가 추가될 때마다도 네비게이션이 추가되어야 한다.
Project
Jekyll Now로 쉽고 빠르게 깃허브 블로그 시작하기
  • Jekyll
  • Mac OS
네이버, 이글루, 티스토리, 미디엄 등 많은 블로그를 사용해 보았지만, 내 입맛에 맛는 블로그를 찾기란 여간 힘든게 아니였다. 코딩을 배우고 가장 좋은 것은 이렇게 직접 만들어 볼 수 있는게 아닐까?
< 2 3 4 5 6 7 8 9 10 11 >
© maruzzing, 2022