컴퓨터 탐험가 찰리

이번 글은 Python을 통한 객체지향 프로그래밍의 기본 개념을 설명한다. Javascript로 객체지향 프로그래밍의 기본 개념을 파악하고 싶다면, 이 글을 읽은 후 다음 글들을 참조하면 된다. -Javascript / 기초 / 객체지향 (Object-oriented) -Javascript / 기초 / Inheritance, Object - oriented (상속, 객체지향) 1. 기본개념 객체 : 속성과 행동으로 이루어진, 세상에 있는 모든 존재를 나타낸다. ex) 객체 : 자동차 w/ (속성 : 자동차의 색깔, 행동 : 앞으로 나감) 객체지향프로그래밍(Object Oriented Programming, OOP) : 객체들간의 소통으로 프로그래밍을 바라보는 것 ex) 게임에서는 캐릭터 객체, 총 객체,..

보호되어 있는 글입니다.

중앙처리장치(Central Processing Unit, CPU)는 프로세서라고 불리기도 함. 입력 장치에서 받은 명령을 실제로 처리하며, CPU가 1초에 얼마나 많은 연산을 할 수 있는지 속도를 측정하는 단위는 GHz 이다. 기억장치는 입력된 명령이나 데이터가 저장되는 공간이다. 주기억장치인 RAM(Random Access Memory)은 정보를 읽거나 쓸 수 있는 장치이며, 일시적으로 데이터를 저장한다. 보조기억장치인 HDD(Hard Disk Drive), SSD(Solid State Drive)는 영구적으로 데이터를 저장한다. HDD는 원판 모양의 플래터를 회전시키고, 물리적으로 데이터에 접근해야하는 반면, SSD는 움직이는 부품이 없어서 HDD에 비해 속도가 빠르다. SSD는 RAM과 같이 전기적..

Push Up과 Pull Up 위주

-행복하다고 느끼는 것. 모든 일에 기쁘고 감사하다고 생각하는 것 - 하루에 잠을 7시간 이상 잘 수 있는 것 - 하루 세끼를 먹을 수 있고, 전기,수도,가스 등 기본 시설은 사용할 수 있는 것 - 건강한 몸을 갖고 있어서, 매일 땀흘리며 운동할 수 있는 것 - 아침에 눈을 떴을때 나와 같은 공간에 내가 좋아하는 사람이 함께 있다는 것 - 내가 사회에 기여할 수 있는 무언가 전문성이 있는 일이 있다는 것 - 220420. 조건없이 사랑할 수 있는 대상이 있다는 것

1. Box 모델의 구성 html에서 모든 요소는 box이다! Box는 아래와 같이 구성된다. Contents를 Padding이 둘러싸고, 경계선인 border 외부에 Margin이 있다. padding, margin, Border padding은 contents의 영역 크기를 의미하고, margin은 다른 element와의 간격을 의미한다. padding-right: 50px; 과 같이 상하좌우의 값을 조절할 수 있다. -따로 위치를 적어주지 않으면 네 방향에 대해 모두 같은 값을 적용한다. -10px 5px; 이라고 하면 차례대로 상하, 좌우의 값을 의미한다. -10px 5px 2px 1px; 이라고 하면 차례대로 상, 우, 하, 좌(시계방향)으로 값이 적용된다. -margin-left:auto; ,..

1. CSS의 형태 CSS는 Selector와 Property로 구성되어 있다. -Selector의 형태 : Tag 또는 #ID 또는 .class 뒤에 {}를 붙인다. -Property의 형태 : "이름: 값;" + Tag와 ID, Class 등을 한번에 지정할 수도 있다. ex) h1 #grid { ... } 한꺼번에 여러개를 지정하기 위해서는 다음과 같이 쓰면 된다. Selector (id, class, tag){ ... } 2. CSS 써보기! Tag 내부에 CSS를 작성하여 html text들과 연결해주면 된다. + 이렇게 Tag를 적용하면, html 페이지가 여러개일 경우, Tag를 html 페이지 파일마다 똑같이 붙여넣어줘야 한다. 페이지가 엄청 많다면? 사람이 할 짓이 아니다... 그래서 h..

1. HTML의 구성 Tag HTML은 Text들을 구분해주는 'tag'로 둘러싸여있다. Tag는 기본적으로 Text 형식으로 되어있다. Index 최초 파일은 index.html로 작성한다. 왜냐하면 웹서버들이 기본적으로 index.html 파일을 제일 먼저 찾도록 되어있기 때문이다. 2. 기초Tag와 기초 지식 : 구글 크롬과 같은 브라우저가 이 문서는 html임을 인식할 수 있도록 알려주는 tag이다. : 안에 있는 text들이 html임을 나타내준다. 별다른 기능은 없다. 태그는 한번 열면 반드시 닫아줘야 한다는 의미로 닫는 태그도 작성한다. : 유저에게 보이는 것은 아니고, 내가 만드는 웹사이트의 정보를 소스코드에서 제공하는 것이다. : 유저에게 보이는 내용이 들어가는 태그이다. : 제목을 쓰고..

1. HTML HTML은 Hyper Text Markup Language의 약자로 Programming 언어가 아니다. 왜냐하면 Programming이란 순서대로 작성되는 것을 말하는데, (ex. 클래식 음악의 순서, 행사 순서 등을 계획하는 것을 프로그래밍이라고 하기도 함) HTML은 꼭 정해진 순서대로 작동하는 것은 아니기 때문이다. 단순히 어떤 Text를 Markup, 즉 각 부분이 '제목'인지, '내용'인지, '링크'인지 표시해주는 언어인 것이다. 2. CSS CSS는 Text의 사이즈, 색깔 또는 그림의 사이즈, 형태, 배경 등이 어때야 하는지 정의해주는 것이다. Design 툴이라고 보면 될 것 같다. 약자는 Cascading Style Sheet이다. Cascading이란게 폭포라는 뜻을 갖..

설치 및 사용방법 좌측 Side bar 에 있는 extensions에 들어가서 원하는 extension이름으로 검색 후 install을 클릭한다. Ctrl + Shift + P를 누르면 실행을 위한 창이 뜨는데, 거기서 설치했던 extensions의 설정을 바꿀 수 있다. 1. Prettier : 코드들이 색깔별로 구분되도록 해주고, css나 javascript에서 색깔 미리 보기 등 디자인뿐만 아니라 기능적으로도 편리함을 제공한다 2. Material Theme(Icon) : VS Code의 Interface, Icon등을 예쁘게 꾸며줘서 가독성이 좋도록 해준다.