본문 바로가기
반응형

IT151

파이썬 객체지향 프로그래밍-01. 함수 자료의 출처는 엘리스 AI 트랙(https://aitrack.elice.io/courses/) 사전 학습 '디버깅 입문'이며, 학습 후 정리한 내용입니다. ⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️ 수강 목표 체계적인 프로그램을 설계해 볼 수 있다. 우리 주변의 프로그램을 보는 시각이 달라진다. 파이썬과 조금 더 친해진다. 코드의 기본, 함수 함수의 기초 함수란? 자주 사용하는 코드를 의미 단위로 묶어 둔 것 함수의 예시 # 태어난 연도를 받아 나이를 리턴 def calculate_age(year_of_birth): # 입력 this_year = 2018 return this_year - year_of_birth + 1 # 매개변수 - return 유형 # 1부터 6사이의 .. 2021. 6. 20.
도레미 파이썬: 객체 자료의 출처는 엘리스 AI 트랙(https://aitrack.elice.io/courses/) '도레미 파이썬' 이며, 학습 후 정리한 내용입니다. ⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️ 수강 목표 객체가 무엇인지 이해한다. 클래스와 인스턴스 사이의 관계를 이해한다. 객체지향 프로그래밍이 도입된 이유를 이해한다. 객체의 세계로 객체지향 프로그래밍 객체 성질(변수)과 할 수 있는 행동(함수)이 담긴 자료 클래스와 인스턴스 클래스(class) 객체를 만들 수 있는 틀 클래스 생성 class 클래스 이름: class Human: 필드(Field) 객체가 가지고 있는 성질 = 객체가 가지고 있는 변수 class Human: name = "Bob" age = 10 메서드(Meth.. 2021. 6. 16.
도레미 파이썬: 모듈과 패키지 자료의 출처는 엘리스 AI 트랙(https://aitrack.elice.io/courses/) '도레미 파이썬' 이며, 학습 후 정리한 내용입니다. ⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️ 수강 목표 모듈이 무엇인지 이해한다. 모듈을 사용하고, 직접 만들 수 있다. 모듈과 패키지의 차이점을 이해한다. 모듈과 패키지 모듈 모듈의 필요성 코드의 길이가 길어지는 상황 이때, 모든 함수, 변수를 구현하는 것은 불가능 -> 누군가 만들어 놓은 함수, 변수 등을 활용하자! 모듈 특정 목적을 가진 함수, 자료, 코드의 모임 모듈 사용하기 모듈 불러오기 import(불러오다) 키워드를 이용해서 모듈 사용 import random # random 모듈 불러오기 모듈 사용법 확인하기 모듈 .. 2021. 6. 16.
CSS: Grid - 2 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ ADVANCED CSS GRID Introduction 이 과정에서는 CSS Grid layout의 기능을 사용하기 위한 다음과 같은 추가 property에 대해 알아본다. grid-template-areas justify-items justify-content justify-self align-items align-content align-self grid-auto-rows grid-auto-columns grid-auto-flow 또한 explicit 및 i.. 2021. 6. 9.
CSS: Grid 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ GRID ESSENTIALS Introduction to Grids CSS를 사용하면 웹 페이지에 요소를 적절하게 배치할 수 있다. . 표시하려는 컨텐츠에 따라 여러 가지 다른 기법이 잘 작동할 수 있다. Box model과 Display and Positioning은 레이아웃의 몇 가지 가능한 방법을 설명한다. 이 과정에서는 CSS Grid라는 강력한 도구를 소개한다. 그리드를 사용하여 전체 웹 페이지를 레이아웃할 수 있다. Flexbox는 대부분 1차원 레이.. 2021. 6. 6.
Responsive Design: Grids and Debugging 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ GRIDS AND SPACING Grid Type 다양한 유형의 그리드가 존재하며 모든 유형의 시각적 디자인에서 사용된다. 인쇄기의 제작과 함께, 책 제작자들은 페이지의 텍스트에 구조를 가져오기 위해 원고식 그리드(manuscript-style grid) 또는 block grid를 개발하였다. 뉴스 디자인 내에서 column grid는 출판사들이 페이지를 여러 가지 내용을 강조하기 위해 섹션으로 분할할 수 있게 했다. column grid:웹 디자이너가 사용할 .. 2021. 6. 5.
Documentation and Research 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ DOCUMENTATION AND RESERACH Documentation 잘 개발된 모든 언어 또는 프레임워크에는 모든 기능을 찾아볼 수 있는 공간이 존재하며, 이 정보 라이브러리를 language's documentation이라 한다. CSS에 대한 documentation은 Mozilla Developer Network에서 찾을 수 있다. (Mozilla Developer Network(MDN)는 CSS 외에도 HTML, 자바스크립트, 그리고 웹 개발에 필요.. 2021. 6. 5.
Layout with Flexbox 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ FLEXBOX What is Flexbox? CSS는 웹 페이지에 요소를 배치하는 데 사용할 수 있는 많은 도구와 속성을 제공한다. 플렉스 박스 레이아웃(flex box layout)에는 두 가지 중요한 구성 요소, flex container & flex items이 있다. flex container는 flex items이 포함된 페이지의 요소이다. flex container의 모든 직접 하위 요소는 flex item이다. 요소를 flex container로 지.. 2021. 5. 22.
Responsive Design - II 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ MEDIA QUERIES Responsive Web Design 화면 크기는 장치마다 크게 다를 수 있으므로 웹 사이트에서 모든 크기의 화면에 가장 잘 맞게 콘텐츠를 크기 조정 및 재구성하는 것이 중요하다. 웹 사이트가 자신이 보는 화면의 크기에 반응할 때 이를 Responsive website라고 한다. 웹 사이트는 수천 개의 다양한 화면 크기로 표시될 수 있기 때문에 화면 크기 변화에 대응할 수 있어야 하고 사용자가 액세스할 수 있도록 콘텐츠를 조정할 수 있.. 2021. 5. 16.
728x90
반응형

티스토리툴바