[배경지식] CSS 프레임워크를 알아보자
·
Development Study/Frontend
이번에 알아볼 내용은 CSS 프레임워크이다. 프론트의 메타 자체가 빠르게 바뀌는 편이므로 작성일을 기준으로 많이 쓰이는 프레임워크 기준으로 정리를 해 두었다 + 이 글에서 쓰인 수치들은 별도의 명시가 없을 시 2021년 데이터 수치를 작성해 둔 것이다 CSS 프레임워크란? 미리 개발 해 둔 완성형 디자인을 쉽게 가져다 쓸 수 있도록 한 것 바로 아래에 이전년도까지의 만족도, 흥미, 사용률을 나타내는 사이트에서 정보를 얻어왔다 The State of CSS 2021: CSS Frameworks The Rankings chart can be toggled between satisfaction, interest, usage, and awareness to give you a fuller picture of a..
[배경지식] JavaScript? TypeScript? 이 둘의 차이는 무엇일까?
·
Development Study/Frontend
공통 객체 지향 프로그래밍 패러다임 = 데이터 추상화에 중심 - 객체와 클래스라는 두 주요 개념을 기반으로 한다 객체 기반의 스크립트 언어이다 웹의 동작을 구현하는 데에 쓰이는 언어이다 컴파일 타임?? 런타임?? 소스코드(Input) -> 전처리기 -> 컴파일러 -> 어셈블러 -> 링커 -> 실행파일(Output) -> 실행 [-----------------------------------------컴파일타임---------------------------][---------런타임---------------] 동적 타입 언어는 런타임 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정해 줄 필요는 없다 정적 타입 언어는 컴파일 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정 해야..
[Git] 명령어 정리
·
Development Study/Background Knowledges
1. 설정, 초기화 전역 사용자 이름, 이메일 구성 git config --global user.name "이름 입력" git config --global user.email "이메일 입력" 저장소별 사용자 이름, 이메일 구성(입력 전에 해당 저장소 디렉토리로 이동해야 함) git config user.name "이름 입력" git config user.email "이메일 입력" 전역 설정 보기 git config --global --list 저장소별 설정 보기 git config --global --list Git의 출력결과 색상 활성화하기 git config --global color.ui "auto" 새로운 저장소 초기화하기 1) mkdir /path/newDir mkdir = make direct..
[배경지식] Django, Flask, FastAPI의 차이점을 알아보자
·
Development Study/Backend
Python을 이용하여 단기 프로젝트를 진행하는 사람들에게는 한 번씩은 거쳐가는 고민거리가 있다. Django? Flask? 아니면 요즘 유행하는 FastAPI?? 어떤 것을 선택해야 할까? 이 글은 개발에 필요한 기초지식을 공부하며 정리한 내용을 다룬 글이다 들어가기 전, 도대체 이것들은 무엇인가? 프레임워크 이 글에서 다루게 될 프로그램들은 모두 프레임워크라 불리는 것으로, 목적에 따라 효율적으로 구조를 짜놓는 개발 방식을 지원해주는 프로그램이다 쉽게말해 코딩에 필요한 완성된 기능들을 지원해주어 개발 시간과 노력을 감축시킬 수 있다는 장점을 가지고 있다 예시로는 로그인, 회원가입, CRUD 등이 있다 Django 이 글에서 다루는 3가지의 프로그램 중 가장 넓은 생태계를 가지고 있는 프레임워크이다 3..
[SQL] 실습 + 빅데이터 분석 방법들
·
Development Study/Backend
WINDOWS 함수를 다루는 방법을 다루고 있다 TABLE 정보 불러보기 select * from cust_ord limit 100; 고객 별 가장 많이 구매한 상품만 불러오고 싶다면?? 고객별로 잘라서 구매한 금액별로 랭크를 매겨서 그 중 1등만 뽑아내서 가져오면 된다 - WINDOW > LAG 함수 - lag(orddate)? orddate의 다음 날짜를 가져오라 LAG에서 partition by == group by select custid, orddate, LAG(orddate) over (partition by custid order by prod_amt) as next FROM cust_ord; 구매 주기는 구매일의 차를 계산하여 구매할 수 있다 고객의 방문 주기 구해보기 - WINDOW > ..
[SQL] 실습 정리
·
Development Study/Backend
지난시간 복습 0.복습.1. Orders table의 orderdate를 월, 일 정보만 들고오기 select substring(date_format(orderdate, "%Y%m%d"), 5, 4) from Orders 0.복습.2. 고객 별 월별 구매금액 select custid, substring(date_format(orderdate, "%Y%m%d"), 5, 2), sum(saleprice) from Orders group by custid, substring(date_format(orderdate, "%Y%m%d"), 5, 2) 0.복습.3. 만들어 둔 뷰 삭제하기 drop VIEW V_Orders; 이번 범위는 ~view까지..! 이번시간 실습 - csv파일 toad에 불러와 가공해보기 약 ..