반응형
자바스크립트는 모르지만 화려한 토글 버튼을 구현하고 싶어
Frontend 2022. 10. 4. 16:22

. 위 이미지는 지금부터 시작할 버튼 구현의 결과물이다. 여러개의 화려한 토글 버튼을 구현하고 싶었다. 정확한 요구사항은 아래와 같다. ON/OFF가 가능한 토글 버튼 여러개 버튼이 한눈에 보여져야 한다 버튼 효과는 화려하게 프론트엔드 개발을 모르기 때문에 github의 Pages를 사용하기로 했다. 이전에도 Pages를 사용하여 노션의 다크모드 웹사이트 만드는 것을 소개한 적 있다. 노션으로 다크모드 웹사이트 만드는 3가지 방법 노션(Notion)은 무료 버전으로도 충분히 많은 표현이 가능하기에 수많은 유저들이 이용중이다. 기본적으로는 노트툴이지만 외부에 공유를 한다면 웹페이지처럼 사용도 가능하다. 그런데 노션은 devvkkid.tistory.com 먼저 ON/OFF가 가능한 토글버튼을 만들어야 한다...

노션으로 다크모드 웹사이트 만드는 3가지 방법
Tool 2022. 7. 30. 21:54

노션(Notion)은 무료 버전으로도 충분히 많은 표현이 가능하기에 수많은 유저들이 이용중이다. 기본적으로는 노트툴이지만 외부에 공유를 한다면 웹페이지처럼 사용도 가능하다. 그런데 노션은 마크다운으로 작성이 된다. 마크다운은 레이아웃의 배경색을 변경하지 못한다. 물론 노션툴이나 앱에서는 다크모드를 제공하기에 검정색 배경의 테마를 이용할 수 있지만 외부에 공유되는 웹페이지는 마크다운만 옮겨지기 때문에 배경색이 하얀색으로 표현된다. 그렇다면 다크모드 공유를 포기해야 할까? 우회 방법이랄까. 방법이 있다. 외부 서비스를 이용한 2가지 방법과 직접 만드는 방법 1가지를 알려주겠다. Simple.ink Simple.ink는 노션을 바탕으로 정적 웹페이지를 만들어준다. 서비스 이름으로 도메인도 제공해줘서 노션의 긴..

유데미(Udemy)로 Git 공부한 썰
Study 2022. 5. 10. 23:26

스타트 위드 유데미 챌린저 이벤트를 통해 강의를 제공받아 작성된 서평입니다...만 진심이 담겨있습니다. 허위 사실 유포는 😎일절 없음. 착각은 자유 개발자들은 Git을 공부할 때 어떻게 시작했을까? 나만 그런건지 몰라도 옆에 있는 개발자가 기본만 가르쳐주고 나머지는 직접 이것저것 건드려보면서 익혔었다. 마치 처음보는 디바이스를 쥐었을 때 사용설명서도 읽지 않고 아무것이나 눌러보는 것처럼. 한번도 Git을 각잡고 공부해본 적이 없지만 그럼에도 일하는데 큰 불편함은 없었다. 중간중간에 커밋 로그가 지저분해지고 가끔은 다른 브랜치와 꼬여서 곤란한 경우는 있었지만 대체로는 잘 사용했다. 아니. 잘 사용하고 있는 건줄 알았다. 제대로 공부를 해보기 전까지는 말이다. Git 강의를 선택한 이유 만만하게 생각했던 G..

어느 안드로이드 개발자의 두서없는 2020년 회고
Life 2020. 12. 27. 23:36

0. 자고로 개발자라면 "0"부터 시작하자 작년에도 그랬지만 올해도 어떻게 시작을 열어야 할지 몰라서 이 드립을 그대로 가지고 온다. 어느 안드로이드 개발자의 두서없는 2019년 회고 0. 자고로 개발자라면 "0"부터 시작하자 어떻게 써야 할지 감이 안 와서 일단 "0"부터 적어 보았다. 무의미하니깐 "0"이다. (아프니깐 청...) 1. 개발자로서 특별한 역할을 3번 받았다 특별하다는 게 devvkkid.tistory.com 1. 진행하던 업무가 종료되었다. 근무하던 곳의 메인 비즈니스가 종료되었다. 나의 역할이 없어지고 다시 도전을 해야하는 상황이 된 것이다. 올해 1월, 사내에서 그 소식을 처음 듣게된 순간 헛웃음밖에 나오지 않았던 기억이 난다. 황당했던 나머지 별 생각없이 웃음만 계속 나왔다. 어..

[Git] 어라? Author가 내가 쓰던게 아니네? 오마이잔디...
Tool 2020. 4. 4. 22:46

요즘 알고리즘 공부가 한참이다. 덕분에 간간히 Github에 잔디를 심고 있었는데... 이게 무슨 일인가? 최근 3주가 황무지가 아닌가? git log를 확인해보니... e9b8d8f - barley, 2일 전 : 학습중 : 15652 db8a179 - barley, 2일 전 : 학습 : 15651 df17bc0 - barley, 4일 전 : 프로그래머스 : 해시 3 cabcd88 - barley, 5일 전 : 프로그래머스 : 해시 2 3446e28 - barley, 5일 전 : 프로그래머스 : 해시 1 2c90238 - barley, 8일 전 : 학습 : 15649, 15650 c7e15c8 - barley, 9일 전 : 학습 : 6064, 1748 64cfb9a - barley, 9일 전 : 학습 :..

728x90
반응형