220801 🏆 Done 부스트캠프 AI precourse : Python Object Oriented Programming 강의 들은 내용 정리 ✍🏻 Studied @property 등 데코레이터 사용, 데코레이터 함수 파이썬에서 private 변수 사용법 ::before을 통해 태그에 google-material을 사용해서 아이콘 삽입하는 방법 💬 Takeaway 뽀모도로 하는 거 까먹고 중간에 켜서 저것 밖에 안된다ㅠ 와 하루에 하나 들었다 큰일이다. 이거 언제 다 듣지... 정리에 너무 치중하지 말자....
Python Object Oriented Programming(파이썬 객체 지향 프로그래밍 언어) (2) 🔗 강의 바로가기 💻 OOP Implementation Example 구현 가능한 OOP 만들기 - 노트북 Note를 정리하는 프로그램 사용자는 Note에 뭔가를 적을 수 있다 Note에는 Content가 있고, 내용을 제거할 수 있다 두 개의 노트북을 합쳐 하나로 만들 수 있다. Note는 Notebook에 삽입된다. Notebook은 Note가 삽입 될 때 페이지를 생성하며, 최고 300페이지 까지 저장 가능하다 300 페이지가 넘으면 더이상 노트를 삽입하지 못한다. class Note(object): def __init__(self, content = None): self.content = co..
인공지능(AI) 기초 다지기: Python Object Oriented Programming(파이썬 객체 지향 프로그래밍 언어) (1) 💻 객체 지향 프로그래밍 언어, Object Oriented Programming(OOP) OPP 기반의 언어: JAVA, C++, C# 객체: 실생활에서 일종의 물건, 속성(Attribute)와 행동(Action)을 가짐 OOP는 이러한 객체 개념을 프로그램으로 표현, 속성은 변수(variable), 행동은 함수(method)로 표현됨 파이썬 역시 객체 지향 프로그램 언어 💻 클래스와 인스턴스 클래스(class): 설계도에 해당 인스턴스(instance): 실제 구현체 💻 클래스 구현하기 축구 선수 정보를 클래스로 구현 class SoccerPlayer(object):..
색상 코드 뽑아주는 프로그램 추천 - Just Color Picker HTML을 꾸미다 보면 화면에서 원하는 색상코드를 추출하는 작업이 필요할 때가 있다. 이미지와 배경색을 맞추다던지.... 절대색감(?)을 가진 분들은 척 보고 ' dk, 이 녀석의 색상코드는 #AC758F. ' 하겠지만 나는 아직 그런 경지에 오르려면 한참 모자라기 때문에,,, 프로그램의 힘을 빌렸다. 다운로드 사이트 https://annystudio.com/software/colorpicker/ 🖍 우선 "무료" 라는 점이 중요... 그리고 UI가 깔끔하고 내가 필요한 부분에 대해선 굉장히 직관적이었다. 링크에 들어가서 Download를 누르면 아래와 같은 항목으로 이동하는데, 자신의 사양에 맞는 버전을 다운 받아서 사..
[HTML/CSS] :: selection 글자 선택 했을 때 효과 주기 1. :: selection :: selection은 텍스트 클릭이나 드래그 처럼 사용자가 하이라이팅을 할때 스타일을 적용하는 CSS 의사요소이다. 관련 이전글 [CSS] 의사 요소 pseudo-element 코드 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 결과 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 2. 허용된 properties color background-color text-decoration와 이것과 연관된 properties text-shadow stroke-color, fill-color and stroke-width * 근데 난 text-decoration에서 underlin..
[CSS] 의사 요소 pseudo-element CSS 의사 요소(pseudo-element 가상요소)는 선택자에 추가하는 키워드로, 선택한 요소의 일부분에만 스타일을 입힐 수 있다 1. 문법 selector::pseudo-element { property: value; } 하나의 selector에 하나의 pseudo-element를 사용할 수 있다 반드시 단순 selector 뒤에 위치해야 한다 단일 콜론(:)이 아닌 이중 콜론(::)을 사용해 의사 클래스(pseudo-class)와 의사요소를 구별 한다. 그러나 과거 W3C 명세에서는 이런 구별을 두지 않았기 때문에 대부분의 브라우저는 기존 의사요소에 대해 두 구문 모두 지원한다. 2. 목록 ::after (:after) ::backdrop ::bef..
