본문 바로가기

전체 글

 (284)
[Django] Django 개발 환경 구성하기 (Windows) / 2021.08.17 * 참고 자료 : 코드잇 Django 강의 Django 공부를 시작하기에 앞서 개발 환경을 구성해 보자. 1. Visual Studio Code 설치 (텍스트 에디터) 구글에 visual studio code라고 입력한 후 사이트에 들어간다. 홈페이지에 들어가면 다음과 같은 화면이 뜨는데, 다운로드를 눌러 VScode를 설치해 주자. 2. Ubuntu 설치 (Linux) ubuntu를 설치하기 전에 windows 기능 켜기/끄기 에 들어가서, Linux용 Windows 하위 시스템에 체크 해준다. 2 - 1 ) ubuntu를 설치해보자. Microsoft Store에 접속한 후 ubuntu 검색 Ubuntu 18.04 LTS 설치!! 설치를 완료하고 실행하면 맨 처음 실행하면 나머지 설치 과정이 필요하다..
[HTML/CSS] 텍스트 스타일링 / 2021.08.14 * 참고 자료 : 코드잇 HTML/CSS 강의 * 텍스트 색 CSS에서 색을 표현하는 방식에는 세 가지가 있다. 1. 색 이름 h1태그를 orange색으로 바꿔보자 코드를 다음과 같이 적고 새로고침 해보면, 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Color Example h1 { color: orange; } 색깔을 바꿔봅시다! cs h1태그의 내용인 "색깔을 바꿔봅시다!"가 orange색으로 바뀐 것을 확인할 수 있다. 2. RGB 값 모든 색은 RED, GREEN, BLUE의 조화로 표현할 수 있다. 이 표현 방식을 RGB라고 한다. rgb값을 가져오기 위해 "HTML Color Codes"라는 사이트를 참고하겠습니다. https://htmlcolorcodes..
점프 투 파이썬 코딩 면허 시험 / 2021.08.14 1. 문자열 바꾸기 다음과 같은 문자열이 있다. a:b:c:d 문자열의 split와 join함수를 사용하여 위 문자열을 다음과 같이 고치시오. a#b#c#d 1 2 3 4 a = "a:b:c:d" b = a.split(":") c = '#'.join(b) print(c) cs 2. 딕셔너리 값 추출하기 다음은 딕셔너리의 a에서 'C'라는 key에 해당하는 value를 출력하는 프로그램이다. a = {'A':90, 'B':80} a['C'] a딕셔너리에는 'C'라는 key가 없으므로 오류가 발생한다. 'C'에 해당하는 key값이 없을 경우 오류대신 70을 얻을 수 있도록 수정하시오. 1 2 a = {'A':90, 'B':80} print(a.get('C', 70)) cs 3. 리스트의 더하기와 extend..
[Python] 사칙연산 클래스 만들기 (클래스, 생성자, 클래스의 상속, 메서드 오버라이딩) / 2021.08.10 * 참고 자료 : Do it! 점프 투 파이썬 * 배경 생각하기 1. 클래스를 어떻게 만들지 구상하기 (1) 더하기 기능 : add 메서드 (2) 빼기 기능 : sub 메서드 (3) 곱하기 기능 : mul 메서드 (4) 나누기 기능 : div 메서드 (5) 두 숫자 입력받기 : setdata 메서드 2. 어떻게 동작하는가 ? 사칙연산을 가능하게 하는 FourCal 클래스가 다음처럼 동작한다고 가정해보자. (1) a = FourCal( ) : a라는 객체 만들기 (2) a.setdata(4, 2) : 숫자 4와 2를 a에 지정 (3) a.add()를 실행하면 6 a.sub()를 실행하면 2 a.mul()을 실행하면 8 a.div()를 실행하면 2 이런 식으로 동작하게 만드는 게 목표이다. * 코드 생각하기..
[HTML/CSS] class, id 클래스, 아이디 / 2021.08.06 * 참고 자료 : 코드잇 HTML/CSS 강의 1. 클래스 예를 들어, 아래와 같은 코드가 있다. 의 글자 크기를 64px, 색을 블루로 입히는 코드이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 id/class example p { font-size: 64px; color: blue; } Heading 1 Heading 2 첫 번째 문단 두 번째 문단 세 번째 문단 네 번째 문단 Colored by Color Scripter cs 웹 페이지를 열어보면 이와 같이 나온다. 만약, 세번째 문단만 64px로 색을 블루로 입히고 싶다면 어떻게 해야 할까? 각각의 태그 4개를 구분할 방법이 없기 때문에 "클래스"를 사용해야 한다. 세 번째 ..
[HTML/CSS] 링크, 이미지 / 2021.08.05 * 참고 자료 : 코드잇 HTML/CSS 강의 * 링크 1. 외부페이지로 가는 링크 다른 페이지로 가는 링크를 만들기 위해서는 태그를 사용하면 된다. 태그의 구조 내용 속성 속성 값 예를 들어, 다음 코드를 작성해 보자. 구글로 가는 링크 index.html : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 My First Website h1 { color: lime; } h2 { color: darkred; } h3 { color: blue; } p i { font-size: 30px; } My First Page I love HTML! 안녕 세상! 구글로 가는 링크 Colored by Color Scri..
[HTML/CSS] CSS기초, 옵셔널 태그 / 2021.08.04 * 참고 자료 : 코드잇 HTML/CSS 강의 1. CSS란? HTML이 내용을 담당하는 거라면 CSS는 스타일을 담당한다. 2. CSS 기본 구조 예를들어, CSS의 기본 구조는 다음과 같다. 여기서 h1은 "스타일링하고 싶은 요소"를 뜻하고 font-size, text-align 은 "속성" 64px, center 은 "속성값"을 뜻한다. 1 2 3 4 h1 { font-size: 64px; text-align: center; } cs 이 코드는 "h1의 폰트 사이즈를 64px로 설정하고 h1의 글을 가운데 정렬한다"라는 말이다. 3. CSS의 사용 CSS를 사용하기 위해 html 코드 아래에 4. 기본 CSS 속성 (1) 폰트 크기 css에서 폰트 크기를 표현할 수 있는 단위가 여러개 있는데, 그중..
[Java] 상속, 상속과 protected 접근 지정자, 상속과 생성자, super () / 2021.08.02 * 참고자료 : 명품 자바 프로그래밍 1. 상속이란? 상속은 부모 클래스에 만들어진 필드와 메소드를 자식 클래스가 물려받는 것이다. 상속을 선언하면, 자식 클래스는 부모 클래스에 만들어진 필드와 메소드를 만들지 않고 만든 것과 같은 효과를 얻는다. 단, 상속은 클래스 사이의 상속이지 객체 사이의 상속은 아니다. 다시 말해, 자식 객체는 자식 클래스와 부모 클래스에 만들어진 모든 멤버를 가지고 생성된다. 2. 상속의 장점 예를 들어, 4개의 클래스가 있다. 이 4개의 클래스는 같은 코드를 포함하는데, 이 코드에 오류가 있어 코드를 수정하려면 클래스 4개를 각각 모두 수정해 주어야 한다. 이처럼 코드가 중복되면 클래스의 유지 보수가 번거롭다. 그러나 상속을 이용하면 간단히 해결된다. 공통된 코드를 하나의 클..

티스토리툴바