전체 글

[CSS] CSS 적용 방법 및 적용 우선순위
·
Language/HTML & CSS
적용 방법 크게 세 가지 방법으로 나뉜다. 하나는 외부 적용, 하나는 내부 적용, 하나는 태그 마다 적용이다. • 외부 (External CSS)외부에서 CSS 파일을 불러와서 태그로 적용하는 방법으로 가장 많이 사용되고, 권장된다.위와 같이 적용하며, 주로 위와 같이 태그 안에 CSS를 넣어 적용한다. • 인라인 (Inline CSS)각 태그마다도 적용시킬 수 있다. 빨간색, 20px위와 같이 HTML 태그 안에 style 속성을 직접 설정하여 CSS를 적용한다. 적용 우선순위 1. !important    모든 CSS 규칙을 초과하여 우선순위가 가장 높다.2. style 속성을 이용한 inline    HTML 태그에 직접 지정하면 다른 스타일시트에서 정의한 규칙보다 우선한다.3. id 선..
[Pandas] 쿼리(query)를 이용한 데이터프레임 탐색
·
Data Science/Data Processing
쿼리 판다스에서도 SQL 처럼 쿼리를 이용할 수 있는데, query(참고링크) 메서드를 이용하면 된다.query 메서드는 문자열 형태로 조건식을 입력받는다. 따라서 기존 조건식을 이용한 방법보다 더 직관적이다.예를 들어서 df 데이터프레임에서 age 열이 10 이상인 행만 남긴다고 해보자. 기존 방식은 아래와 같을 것이다.df = df[df["age"] >= 10]]여기까지는 가독성에 큰 문제가 없다. 이제 조건을 더 추가해서 height 열이 150 이상인 행만 남겨보자.df = df.loc[(df["age"] >= 10) & (df["height"] >= 150)]나쁘지 않아 보이지만 query를 이용하면 다음과 같이 나타낼 수 있다.df = df.query("age >= 10 and height >..
[Pandas] 데이터프레임 그룹화(groupby)
·
Data Science/Data Processing
그룹화 데이터프레임을 특정 기준으로 그룹화해야 한다면 groupby (참고링크)를 이용하면 된다. 이 groupby 는 크게 세 단계로 구성된다. 첫번째는 분할(splitting)로 데이터를 그룹으로 나누는 것이다. 두번째는 적용(appliying)으로 각 그룹에 특정 함수를 적용하는 것이다. 세번째는 결합(combining)으로 연산 결과를 다시 합쳐 새로운 데이터프레임을 만드는 것이다. 분할 groupby 는 다양한 매개변수를 받는데 중요한 것은 그룹화의 기준인 by이다.by 는 다양한 입력을 받을 수 있는데 가장 많이 사용하는 것은 열 이름 혹은 열 이름으로 이루어진 리스트이다. 열 이름만 넣으면 해당 열을 기준으로 그룹화되고, 열 이름으로 이루어진 리스트를 넣여면 해당 열들의 이름을 기준으로 그룹..
[Pandas] 데이터프레임 새로운 열 할당(assign) 및 구간 나눠(cut, qcut) 새로운 열 만들기
·
Data Science/Data Processing
새로운 열 할당 일반적으로 새로운 열을 만들 때는 아래와 같이 만드는 경우가 많다.df["new_column"] = ...그러나 이를 assign(참고링크)을 이용해서 만들 수 있다. 위처럼 새로운 열을 추가하는 것도 편하지만, assign을 이용하면 새로운 데이터프레임을 반환하기 때문에 원본 데이터프레임을 수정하지 않고도 새로운 열 추가가 가능하고, 메서드 체이닝 역시 가능하기 때문에 사용해야 하는 경우가 있다.assign의 인풋은 열 이름이 된다. 이때 해당 열의 값을 넣기 위해선 람다(lambda)를 주로 활용한다. 함수를 이용하지 않을 것이라면 리스트 등을 그대로 넣으면 된다.df.assign(C=[1, 2, 3])만약 함수를 이용한다면 lambda를 이용하면 된다. 예를 들어서 df의 A열과 B..
[Pandas] 데이터프레임 중복 행 제거(drop duplicates) 및 특정 행 또는 열 제거(drop)
·
Data Science/Data Processing
중복 행 제거 drop_duplicates(참고링크)를 사용한다. 말 그대로 중복된 행이 있다면 제거한다. 이때 여러 매개변수를 이용할 수 있다.subset은 중복을 고려할 칼럼 라벨이나 라벨 리스트를 설정하는 매개변수이다. 기본값은 None으로 모든 열을 기준으로 한다.keep은 중복된 값이 있어 행을 삭제할 때 어느 행을 유지할 지 결정하는데, 'first'는 첫 번째 행 유지, 'last'는 마지막 행 유지, False로 설정하면 모든 중복 행 제거이다.inplace는 True라면 원본 데이터프레임을 수정하고 None을 반환하며, False인 경우 중복을 제거한 데이터프레임을 반환한다. 기본값은 False이다.ignore_index는 True라면 인덱스를 재설정, False라면 재설정하지 않는다. ..
[Django] 장고 프로젝트 시작과 앱(app) 및 모델(model) 설정
·
Web Programing/Django
환경설정 가상 환경설정을 위해 프로젝트 디렉토리를 만들고, 터미널을 통해 아래 명령어를 실행한다.virtualenv env파일 이름은 env가 아니어도 되지만, env로 설정하는 것이 보편적이다.만약 virtualenv가 설치되어 있지 않다면 pip install virtualenv를 통해 설치하면 된다.이렇게 설치된 가상 환경을 사용하기 위해 만들어진 env 파일 내 activate를 실행해준다.cd env/Scriptsactivate 장고 설정 django가 설치되어 있지 않다면 설치해준다.pip install django설치가 되어 있다면 아래 명령어를 통해 프로젝트 폴더 안에 프로젝트를 만든다.django-admin startproject djangocrm .위 명령어는 djangocrm이라는 프..
[Linux] 권한(permission)
·
Computer Science and Engineering/Linux & Shell
권한 권한은 읽기, 쓰기, 실행 권한으로 나뉜다. 말 그대로 읽을 수 있는 권한, 쓸 수 있는 권한, 실행할 수 있는 권한이다.이를 각각 r, w, x 로 표시한다.디렉토리에서 ls를 이용해서 파일 및 디렉토리를 확인하면 각 파일 및 디렉토리 앞에 아래와 같이 나올 것이다.확인할 수 있듯이 가장 앞이 타입에 대한 부분이고, 그 뒤가 사용자, 그 뒤가 그룹, 그 뒤에 기타 사용자에 대한 권한이다. 위 경우 모든 사용자에게 모든 권한이 주어져 있다.이를 숫자로 나타내기도 한다. 특히 chmod, chown, chgrp 등으로 권한을 설정할 때 숫자를 사용하면 편리하다.읽기는 $4$, 쓰기는 $2$, 실행은 $1$로 나타내는데 이진수로는 $100$, $10$, $1$ 이기 때문이다. 이를 활용하여 권한을 더하..
[Linux] 리눅스 디렉토리(directory)와 명령어(command) 및 옵션(option)
·
Computer Science and Engineering/Linux & Shell
디렉토리 (Directory) 디렉토리설명/루트 디렉토리, 리눅스 파일 시스템의 최상위 디렉토리.현재 디렉토리를 의미./현재 디렉토리에 있는 파일 또는 프로그램을 실행할 때 사용../상위 디렉토리를 의미/bin기본 명령어 실행 파일 저장/boot부팅 관련 파일 저장/dev장치 파일 저장/etc시스템 설정 파일 저장/home사용자 홈 디렉토리/lib공유 라이브러리 저장/media자동 마운트된 외부 저장 장치/mnt관리자가 수동으로 마운트할 때 사용하는 디렉토리/opt추가 소프트웨어 패키지 저장/proc시스템과 프로세스 정보 제공/root관리자(root) 사용자의 홈 디렉토리/sbin시스템 관리 명령어 저장/srv서버 관련 데이터 저장/sys시스템 및 커널 관련 정보를 제공하는 가상 파일 시스템/tmp임시 ..
[HTML] 클래스(class) 및 아이디(id)
·
Language/HTML & CSS
Class 및 ID class와 id 모두 HTML 속성이다. 즉 태그 안에 다음과 같이 넣을 수 있다.버튼헤더class는 여러 태그들에 적용 가능하다. 즉 같은 이름을 가진 클래스를 여러 태그가 공유할 수 있고, 이를 통해서 여러 태그를 묶어서 관리할 수 있다. 반면 id는 단일 태그에만 사용 가능하다. 예를 들어서 어떤 태그에 "header"라는 id를 사용했다면 다른 태그에서는 "header"라는 id는 사용할 수 없다.두 속성 모두 CSS를 통해 디자인할 때 사용할 수 있다. class는 .을 통해 접근하고, id는 #을 통해 접근한다는 차이점이 있다. 아래와 같이 적용하면 된다. 참고로 비슷해보이는 name 속성은 CSS에서 사용 불가능하다. classid여러 요소 적용 가능단일 요소만 적용 가..
[HTML] HTML 태그
·
Language/HTML & CSS
기본 구조 HTML 전체를 크게 나누는 태그이다.HTML 문서를 표준 모드로 렌더링하도록 브라우저에 선언하는 태그로, HTML5에서는 단순 선언용으로 사용된다.HTML 문서의 루트 요소로, 전체 HTML 콘텐츠를 감싸는 최상위 태그이다.문서의 메타데이터를 포함하는 영역으로, 제목, 스타일시트, 스크립트 등을 정의한다.브라우저에 표시될 실제 콘텐츠, 즉 텍스트, 이미지, 링크 등을 포함하는 영역이다. 메타데이터 태그 (Metadata Tag) HTML 문서에 대한 정보를 제공하는 태그로, 브라우저나 검색 엔진이 문서를 해석하는 데 사용되며, 주로 내부에 포함된다.문서의 메타데이터를 정의하는 요소로, 문자 인코딩, 뷰포트 설정, SEO 관련 정보 등을 포함할 수 있다.문서 내 모든 상대 URL의 기준이 되..
애스터로이드
인공지능은 전기양의 꿈을 꾸는가