전체 글(39)
-
BEM(Block Element Modifier)
이런 코드가 있으면, 수천 줄이 넘는 웹사이트의 디자인 코드를 꼬이지 않게 관리하기 위해 전 세계 개발자들이 약속한 '이름 짓기 규칙1. 이름의 앞글자 (l-와 c-)의 의미이 프로젝트는 **Prefix(접두사)**를 사용해서 이 클래스가 어떤 역할을 하는지 미리 알려주고 있습니다.l- (Layout): 전체적인 구조나 배치를 담당합니다. (예: 머리말의 위치, 여백 등)l-header: 헤더의 레이아웃 틀l-lip: 특정 디자인 요소(입술 모양 등)의 전체적인 위치c- (Component): 구체적인 디자인/스타일을 담당합니다. (예: 색상, 배경, 둥근 테두리 등)c-lip: 그 요소가 어떤 색이고 어떤 모양인지 정의2. 언더바 두 개(__)의 의미: BEM 기법코드 중간에 l-lip__hollow처..
2026.01.15 -
nunjucks - 템플릿 엔진 확장자
정의 : 자바스크립트로 웹을 만들 때, HTML을 일일이 복사해서 붙여넣는 게 아니라 "필요한 부품을 조립하고 조건에 따라 내용을 바꾸기 위해" 사용하는 도구예시 {% include "nav/primary.njk" %}{% if templateClass == "template-home" %}{% include "heroes/home.njk" %}{% endif %}{% if hero %}{% include "heroes/primary-nav.njk" %}{% endif %}1. 왜 이렇게 생겼나요? (문법 설명)코드에 보이는 {% ... %} 같은 기호들은 HTML에는 없는 Nunjucks만의 특수 문법입니다.{% include "파일명" %} (부품 가져오기):header 안에 네비게이션(primary..
2026.01.15 -
SQL grouping 하기
* 그룹 함수란 ?테이블의 전체 행을 하나 이상의 컬럼을 기준으로 컬럼값에 따라 그룹화하여 그룹별로 결과를 출력하는 함수이고 복수행 함수라고도 한다.그룹 함수의 종류에는 COUNT, MAX, MIN, SUM, AVG, STDDEV, VARIANCE 등이 있다. * 그룹함수 규칙1. 그룹함수는 NULL값이 있는 컬럼은 조회에 포함시키지 않는다.2. LOW가 없는 테이블에 그룹함수 COUNT()를 사용 시 0이 출력되며 SUM()를 사용시 NULL 값이 출력된다.3. COUNT, MAX 와 MIN은 문자, 숫자, 날짜 데이터 모두에게서 사용할 수 있다. 그러나 AVG SUM, VARIANCE, STDDEV는 NUMBER만 사용 가능하다.4. EXPR이 있는 인수들의 자료 형태는 CHAR, VARCHAR..
2025.02.11 -
스택, 큐, 덱 (2)
2164번 카드2 시간 제한메모리 제한제출정답맞힌 사람정답 비율2 초 (추가 시간 없음)128 MB142020739515742950.972%문제N장의 카드가 있다. 각각의 카드는 차례로 1부터 N까지의 번호가 붙어 있으며, 1번 카드가 제일 위에, N번 카드가 제일 아래인 상태로 순서대로 카드가 놓여 있다.이제 다음과 같은 동작을 카드가 한 장 남을 때까지 반복하게 된다. 우선, 제일 위에 있는 카드를 바닥에 버린다. 그 다음, 제일 위에 있는 카드를 제일 아래에 있는 카드 밑으로 옮긴다.예를 들어 N=4인 경우를 생각해 보자. 카드는 제일 위에서부터 1234 의 순서로 놓여있다. 1을 버리면 234가 남는다. 여기서 2를 제일 아래로 옮기면 342가 된다. 3을 버리면 42가 되고, 4를 밑으로 옮기..
2025.01.06 -
스택, 큐 (2) - deque의 기능
파이선 collections 에서는 스택과 큐의 기능을 모두 합한 deque기능을 제공 (선입후출은 같음) from collections import dequequeue = deque() 이렇게 하면 queue를 만들 수 있고, 리스트 형태로 차례대로 수를 넣으면 됨queue와 stack의 차이는 맨 아래에 있는 글자도 불러올 수 있음 print(queue.popleft()) 를 하면 맨 아래(리스트에서는 맨 왼쪽)글자를 빼낼 수 있음값도 입력 가능함queue.appendleft() 를 하면 사용 가능 예시 : 문자대로 설정 가능 import sysfrom collections import dequen = int(sys.stdin.readline())queue = deque()for _ in range..
2025.01.06 -
데이터집계 cross tab
데이터 전처리범주별 갯수 구하기pd.crosstab(df('a'), df('b')a 는 행 b는 열a에 따른 b가 몇개인지 범주별 비율 구하기pd.crosstab(df['a],df[b],normalize ='all'] 전체를 100이라고 봤을때 각 항목의 % pd.crosstab(df['a],df[b],normalize ='index']행을 100으로 놓고 봤을 때 각 항목의 % pd.crosstab(df['a],df[b],normalize ='columns']열을 100으로 놓고 봤을 때 각 항목의 % margins = True 추가 시, 행과 열의 합을 구할 수 있음pd.crosstab(df['a],df[b],normalize ='all', margins=True] 다중 인덱스, 다중 컬럼pd.c..
2025.01.06