현 포스팅 부터는 Tailwind에서 자주사용하는 18가지의 문법을 정리하고자 한다. 하나의 포스팅에는 3개 ~ 4개 정도의 분량의 내용을 정리하고 이를 복습하고자 한다. 이번 포스팅에서는 색, 컨테이너와 공간(마진, 패딩), 타이포그래피(글 간격, 폰트, 폰트 크기 조정)에 대해서 소개하고자 한다. Tailwind로 색을 표현하는 방법 tailwind로 색을 표현하기 위해서는 요소-색깔-색의 진함 정도를 사용하여 표현한다. 색의 진함의 정도는 100 ~ 900까지 가능하고 흰색이나 검은색 같은 경우는 진함 정도를 표현 할 수 없다. - index.html Tailwind is awesome Tailwind is awesome Tailwind is awesome tailwind is awesome tai..
최근 CSS에 대해 관심이 많던 도중, Tailwind 프레임워크가 눈에 들어와서 이를 공부하게 됬다. 몇 개의 미니프로젝트도 해봤었는데 CSS자체에 조금 허덕였던 나에게는 좋은 도구인 것 같아서 한번 소개해보고자 한다. Tailwind가 뭐고 왜 쓰는데요? tailwind는 Utility-First(미리 세팅된 유틸리티 클래스를 활용하여 HTML코드 내에서 스타일링) 을 지향하는 CSS 프레임워크 입니다. CSS의 각 속성들을 클래스에 직관적으로 표현함으로써 효율적으로 html 파일 내에서 작성함으로써, 빠르게 구축한다는 것에 이점을 두고 있습니다. tailwind을 이용하여 코드를 작성한 예시는 아래와 같습니다. - Tailwind 적용 전 ChitChat You have a new message! ..
목차 MOS 자격증 따는 이유와 비용, 일정 공부 방법 후기 MOS 자격증 따는 이유와 비용, 일정 난 항상 자격증이나 어떤 공부를 할 때 "이유"가 붙는다. 뭐 이것 공부해서는 나쁠 것 없지~라고 말들 하지만 솔직히 자격증이 어디에 좋을지도 모르는데 따면 그게 무슨 소용일까 싶기도 했기 때문이다. 내가 따는 이유는 단 한 가지, 학교를 졸업하기 위해서 3학점이 필요한대 이걸 자격증으로 대체할 수 있기 때문이다. 뭐 계절학기나 수강신청 때 3학점 수업 더 들었으면 좋지 않냐?라고 할 순 있지만 만약 수강신청에 어떤 과목을 들었다면 지금 같은 평화로운 생활을 하지 못했을 것이다. 또한 계절학기를 듣기에는 개인적으로 여행이나 일정이 있기 때문에 진짜 죽어도 타협할 수 없기에 그에 대한 차선책으로 토익 8..
최근에 자원봉사로 행정업무 관련해서 봉사활동을 갔습니다. 봉사활동을 하던 도중에 '충분히 python과 pyautogui을 이용하면 이런 쓸데없는 곳에 시간을 낭비하지 않아도 될 텐데;'라는 생각을 했었습니다. 그래서 짤막하게 알아두고 있었던 pyautogui 라이브러리를 사용하여 프로그램을 만들어서 업무를 진행했었는데 공무원들의 환호를 받았었습니다. 이런 컴퓨터 행정업무나, 단순노동에서 힘들어하시는 분들과 pyautogui을 오랫동안 쓰지 않았던 스스로를 위해 해당 내용을 한번 더 정리해보고자 합니다. Pyautogui 왜 쓰는데요? Pyautogui는 python을 이용하여 마우스나 키보드 알림창을 만들때 도움을 주는 라이브러리입니다. API가 되게 심플하게 제작되었으며 윈도나 맥, 리눅스에서도 ..
목차 구입 이유 제품 정보 장점 단점 총평 구입 이유 최근에 학교에서 휴대용으로 들고 다니던 노트북 거치대가 부러졌다. 내가 쓰던 제품은 당근에서 미개봉으로 1만 원 주고 구입했었는데, 제품 자체에 연식이 있었는지 초기 사용 당시에도 펼치고 닫는 데에 헐거움이 느껴져 수명이 짧을 건 예상하고 있었지만 막상 3달 밖에 버티지 못하다니 조금 아쉬웠다. 따라서 새 제품을 구입했어야 했는데, 16인치 노트북 거치가 가능하며, 일단 이리저리 다닐 곳이 많아 일체형으로 되어 있는 거치대보다는 접고 펼칠 수 있는 제품을 선호, 예산은 3만 원 내외 조건을 생각하고 있었다. 블로그나, 유튜브 등을 찾아보니까 NEXSTAND K2라는 제품에 대한 호평이 자자하길래 해당 제품을 구입하려 했으나, 노트북 각도 조..
팩토리 패턴 간단하게 말하자면 객체를 생성하는 부분을 따로 빼서 처리하는 패턴이다. 팩토리 페턴은 2가지가 존재한다. 추상 팩토리 패턴 : 인터페이스를 이용하여 서로 연관된, 또는 의존하는 객체를 구상 클래스를 지정하지 않고도 생성한다. 팩토리 메소드 패턴 : 객체를 생성하기 위한 인터페이스를 정의하는데 어떤 클래스의 인스턴스를 만들지는 서브클래스에서 결정한다. 상황 피자 가게에서 피자의 종류를 고르고 그에 맞는 피자를 만드는 코드를 만든다고 가정한다. Pizza orderPizza(String type) { Pizza pizza; if (type.equals("cheese")) { pizza = new CheesePizza(); } elseif(type.equals("greek")) { pizza = ..
데코레이터 패턴 (Decorator pattern) 객체에 추가적인 요건을 동적으로 첨가하는 패턴이다. 데코레이터는 서브 클래스를 만드는 것을 통해서 기능을 유연하게 확장 할 수 있는 방법을 제공하는 패턴이다. 상황 카페에서 커피 사업을 시작하여 주문 시스템을 도입했다고 가정한다. 카페에서 마실 음료에서는 스팀우유, 모카, 두유, 등등 기타 추가 첨가물이 필요할 수 있다. 하지만 각각의 첨가물을 추가 하게 된다면 커피의 가격이 올라가고 주문 시스템에서도 해당 첨가물에 대한 부분을 모두 고려하여야 한다. 이런 부분을 고려하여, 첨가물을 옵션 여부로 나타내는 인스턴스 변수로 넣어서 코드를 작성하게 된다면 아래와 같이 작성 할 수 있다. 이를 통해 슈퍼클래스에서 구현한 cost을 호출하여 추가가격을 구한다면 ..
최근 디자인 패턴을 공부하면서 Java언어의 예제를 자주 접하다 보니 파이썬에도 추상 클래스와 인터페이스에 대한 개념이 있지 않을까 해서 관련 정보를 찾아보고 정리하였다. 그중에 나온 개념이 파이썬에서 사용하는 추상클래스와 덕 타이핑이라는 개념인데 이를 공부하고 정리해 보았다. 추상 클래스 파이썬은 추상 클래스(abstract class)를 제공한다. 추상 클래스란 구현 내용이 없고 메서드 목록만 가진 클래스이다. 추상클래스 자체로는 인스턴스화가 불가능하며, 클래스의 메서드를 상속받는 파생 클래스에게 구현하도록 강제하기 위해 사용된다. 파이선에서 추상 클래스를 사용하기 위해서는 ABC클래스와 @abstractmethod을 임포트 하여야 한다. from abc import * class 추상클래스명(met..
옵저버 패턴 (Observer pattern) 옵저버 패턴이란 객체의 상태 변화를 관찰하는 관찰자들 즉 옵서버들의 목록을 객체에 등록하여 상태 변화가 있을 때마다 메서드 등을 통해 객체가 직접 목록의 각 옵저버에게 알려주는 패턴을 의미한다. 쉽게 말하자면 어떤 객체의 상태가 변할 때 그와 연관된 객체들에게 알림을 보내는 디자인 패턴을 의미한다. 상황 Weather 객체로 현재 조건, 기상 통계, 기상 예보, 이렇게 3가지 항목을 디스플레이 장비에서 갱신해 가면서 보여주는 애플리케이션을 제작하려고 한다. 아래는 온도, 습도, 기압의 값을 새로 받을 때마다 호출되는 measurementsChanged() 메서드이다. 🖥️ WatherData.java public class WeatherData { publi..
