Web Developer
-
[CSS/Side Lib.] Tailwind CSSFront-End(Web)/HTML, CSS 2022. 1. 23. 20:20
오랜만에 React에서 사용할 수 있는 Style 라이브러리를 토이 프로젝트와 함께 공부해보고 사용한 경험을 정리하고자 글을 쓴다. 바로, Tailwind CSS(이하 테일윈드) 이다! 많은 사람들이 어느 정도 알고 있는 라이브러리일 것이라 생각한다. 테일윈드는 React뿐만 아니라, Vue, Svelte 등 다양한 프레임워크에서 활용할 수 있으며, 또한 요즘 각광받고 있는 CSS 라이브러리 중 하나이다. npm trends 그래프를 가져와봤는데, 확실히 최근에 출시했음에도 불구하고 많은 Stars와 신속한 업데이트 속도를 보여주고 있다. 이렇듯, 테일윈드가 각광받고 있는 차별점은 아무래도 간단한 싱글라인 스타일이라고 생각한다. className 안에 테일윈드가 제공하는 속성 클래스들, 혹은 본인이 co..
-
[Git & Github] Git 다시 공부하기 (드림코딩 엘리)Environment(개발환경)/Git & Github 2020. 12. 6. 19:05
🙀 다시 공부해보는 Git 과 Github! Git 명령어를 통해 직접 Github로 push까지 해보았지만, 아직 사용하는데 있어 익숙치가 않았다. 또한, branch나 commit 등 갈 길이 멀기에, 심화를 들어가기 전 드림코딩 엘리님 영상으로 복습했다. 출처: Youtube 드림코딩 엘리님 영상(youtu.be/Z9dvM7qgN9s) 📕 Git 공부 준비하기 - Git 설치하기(공식사이트) : git-scm.com/git-scm.com/download/ - Git GUI 설정: 프롬프트(터미널) 명령어 기반 프로그램으로 UI 권장. (git-scm.com/download/gui/mac) Git - GUI Clients GUI Clients Git comes with built-in GUI tool..
-
[Git & Github] 기본개념 및 명령어Environment(개발환경)/Git & Github 2020. 12. 3. 01:22
🙋♀️ 개발자들의 필수지식 Git과 Github! 비슷해 보이지만 다른 이들은 무엇일까? 참고영상: 유튜버 얄팍한 코딩사전님(youtu.be/Bd35Ze7-dIw) 간단하게, Git은 버전 관리 시스템이고, Github는 이 데이터를 업로드하여 개발자들이 공유할 수 있는 플랫폼이다. Git과 Github에 대해 자세히 알아보고, Github 업로드를 위해 Git에서 사용되는 push 등의 명령어에 대해 포스팅하겠다. 📕 Git에 대하여 로컬 영역의, 분산 소스 버전 관리 시스템(Distributed Version Control System) 서버를 분산시켜 구축할 수 있게 하는 소프트웨어 소스코드를 효율적으로 관리할 수 있는 형상관리도구 - Git이 필요한 이유 차기 Version 개발간 데이터가 증발..